.fa {
	display: inline-block;
	font: normal normal normal 14px/1 FontAwesome;
	font-size: inherit;
	text-rendering: auto;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale
}

.fa-lg {
	font-size: 1.33333333em;
	line-height: .75em;
	vertical-align: -15%
}

.fa-2x {
	font-size: 2em
}

.fa-3x {
	font-size: 3em
}

.fa-4x {
	font-size: 4em
}

.fa-5x {
	font-size: 5em
}

.fa-fw {
	width: 1.28571429em;
	text-align: center
}

.fa-ul {
	padding-left: 0;
	margin-left: 2.14285714em;
	list-style-type: none
}

.fa-ul>li {
	position: relative
}

.fa-li {
	position: absolute;
	left: -2.14285714em;
	width: 2.14285714em;
	top: .14285714em;
	text-align: center
}

.fa-li.fa-lg {
	left: -1.85714286em
}

.fa-border {
	padding: .2em .25em .15em;
	border: solid .08em #eee;
	border-radius: .1em
}

.fa-pull-left {
	float: left
}

.fa-pull-right {
	float: right
}

.fa.fa-pull-left {
	margin-right: .3em
}

.fa.fa-pull-right {
	margin-left: .3em
}

.pull-right {
	float: right
}

.pull-left {
	float: left
}

.fa.pull-left {
	margin-right: .3em
}

.fa.pull-right {
	margin-left: .3em
}

.fa-spin {
	-webkit-animation: fa-spin 2s infinite linear;
	animation: fa-spin 2s infinite linear
}

.fa-pulse {
	-webkit-animation: fa-spin 1s infinite steps(8);
	animation: fa-spin 1s infinite steps(8)
}

@-webkit-keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

@keyframes fa-spin {
	0% {
		-webkit-transform: rotate(0deg);
		transform: rotate(0deg)
	}
	100% {
		-webkit-transform: rotate(359deg);
		transform: rotate(359deg)
	}
}

.fa-rotate-90 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1);
	-webkit-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg)
}

.fa-rotate-180 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);
	-webkit-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
	transform: rotate(180deg)
}

.fa-rotate-270 {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	transform: rotate(270deg)
}

.fa-flip-horizontal {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1);
	-webkit-transform: scale(-1, 1);
	-ms-transform: scale(-1, 1);
	transform: scale(-1, 1)
}

.fa-flip-vertical {
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1);
	-webkit-transform: scale(1, -1);
	-ms-transform: scale(1, -1);
	transform: scale(1, -1)
}

:root .fa-rotate-90,
 :root .fa-rotate-180,
 :root .fa-rotate-270,
 :root .fa-flip-horizontal,
 :root .fa-flip-vertical {
	filter: none
}

.fa-stack {
	position: relative;
	display: inline-block;
	width: 2em;
	height: 2em;
	line-height: 2em;
	vertical-align: middle
}

.fa-stack-1x,
.fa-stack-2x {
	position: absolute;
	left: 0;
	width: 100%;
	text-align: center
}

.fa-stack-1x {
	line-height: inherit
}

.fa-stack-2x {
	font-size: 2em
}

.fa-inverse {
	color: #fff
}


/*html,
body {
  height: 100%;
}
body {
  overflow-y: hidden;
}*/

@-ms-viewport {
	width: auto;
}


/*������ʽ����*/

.mt5 {
	margin-top: 5px;
}

.mb5 {
	margin-bottom: 5px;
}

.ml5 {
	margin-left: 5px;
}

.mr5 {
	margin-right: 5px;
}

.mt10 {
	margin-top: 10px;
}

.mb10 {
	margin-bottom: 10px;
}

.ml10 {
	margin-left: 10px;
}

.mr10 {
	margin-right: 10px;
}

.mt15 {
	margin-top: 15px;
}

.mb15 {
	margin-bottom: 15px;
}

.ml15 {
	margin-left: 15px;
}

.mr15 {
	margin-right: 15px;
}

.mt20 {
	margin-top: 20px;
}

.mb20 {
	margin-bottom: 20px;
}

.ml20 {
	margin-left: 20px;
}

.mr20 {
	margin-right: 20px;
}

.pt5 {
	padding-top: 5px;
}

.pb5 {
	padding-bottom: 5px;
}

.pl5 {
	padding-left: 5px;
}

.pr5 {
	padding-right: 5px;
}

.pt10 {
	padding-top: 10px;
}

.pb10 {
	padding-bottom: 10px;
}

.pl10 {
	padding-left: 10px;
}

.pr10 {
	padding-right: 10px;
}

.pt15 {
	padding-top: 15px;
}

.pb15 {
	padding-bottom: 15px;
}

.pl15 {
	padding-left: 15px;
}

.pr15 {
	padding-right: 15px;
}

.pt20 {
	padding-top: 20px;
}

.pb20 {
	padding-bottom: 20px;
}

.pl20 {
	padding-left: 20px;
}

.pr20 {
	padding-right: 20px;
}

.font12 {
	font-size: 12px
}

.font14 {
	font-size: 14px
}

.font16 {
	font-size: 16px
}

.font18 {
	font-size: 18px
}

.font20 {
	font-size: 20px
}

.bgf4 {
	background-color: #f4f4f4;
}

.bgeb {
	background-color: #ebebeb;
}

.bgee {
	background-color: #eee;
}

.cfff {
	color: #fff
}

.c333 {
	color: #333
}

.c666 {
	color: #666
}

.c888 {
	color: #888
}

.c999 {
	color: #999
}

.c000 {
	color: #000
}

.red {
	color: #ff0000
}

.letter {
	letter-spacing: 0.06rem
}


/*@media screen and (max-width: 1520px) {
.header .header_rt .menu_rt {
	margin-right: 10px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 360px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 10px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 264px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1490px) {
.header .header_rt .menu_rt {
	margin-right: 30px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 350px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 36px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 254px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1470px) {
.header .header_rt .menu_rt {
	margin-right: 40px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 340px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 46px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 244px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1460px) {
.header .header_rt .menu_rt {
	margin-right: 50px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 330px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 56px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 234px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1450px) {
.header .header_rt .menu_rt {
	margin-right: 60px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 320px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 66px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 224px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1440px) {
.header .header_rt .menu_rt {
	margin-right: 70px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 310px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 76px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 214px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1430px) {
.header .header_rt .menu_rt {
	margin-right: 80px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 300px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 86px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 204px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1420px) {
.header .header_rt .menu_rt {
	margin-right: 90px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 290px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 96px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 194px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1410px) {
.header .header_rt .menu_rt {
	margin-right: 100px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 280px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 106px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 184px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1400px) {
.header .header_rt .menu_rt {
	margin-right: 110px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 270px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 116px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 174px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1390px) {
.header .header_rt .menu_rt {
	margin-right: 120px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 260px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 126px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 164px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1380px) {
.header .header_rt .menu_rt {
	margin-right: 130px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 250px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 136px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 154px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1370px) {
.header .header_rt .menu_rt {
	margin-right: 140px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 240px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 146px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 144px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1360px) {
.header .header_rt .menu_rt {
	margin-right: 150px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 230px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 156px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 134px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1350px) {
.header .header_rt .menu_rt {
	margin-right: 160px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 220px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 166px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 124px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1340px) {
.header .header_rt .menu_rt {
	margin-right: 170px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 210px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 176px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 114px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1330px) {
.header .header_rt .menu_rt {
	margin-right: 180px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 200px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 176px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 114px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1320px) {
.header .header_rt .menu_rt {
	margin-right: 190px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 190px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 186px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 104px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1310px) {
.header .header_rt .menu_rt {
	margin-right: 200px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 180px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 210px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 78px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1300px) {
.header .header_rt .menu_rt {
	margin-right: 210px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 170px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 210px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 78px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1290px) {
.header .header_rt .menu_rt {
	margin-right: 220px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 160px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 218px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 72px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1280px) {
.header .header_rt .menu_rt {
	margin-right: 230px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 150px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 228px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 62px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1270px) {
.header .header_rt .menu_rt {
	margin-right: 240px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 140px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 240px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1260px) {
.header .header_rt .menu_rt {
	margin-right: 250px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 130px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 250px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 40px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1250px) {
.header .header_rt .menu_rt {
	margin-right: 260px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 120px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 260px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1240px) {
.header .header_rt .menu_rt {
	margin-right: 270px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 110px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 260px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}

@media screen and (max-width: 1230px) {
.header .header_rt .menu_rt {
	margin-right: 280px;
}
.header .header_rt .menu_rt .user a span {
	max-width: 100px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
.header .header_rt .menu_rt.retail {
	margin-right: 260px;
}
.header .header_rt .menu_rt.retail .user a span {
	max-width: 30px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}
}*/


/*��ർ��*/


/*�Ҳ�����*/

.cotent_wrap {
	position: relative;
	padding: 70px 0 0 0;
}

.cotent_wrap .content {
	width: 100%;
	padding: 0 0 0 212px;
	overflow: hidden;
	position: relative;
}

.cotent_wrap .content .sidebar {
	width: 180px;
	border-right: 1px solid #eaeaee;
	position: absolute;
	overflow-x: hidden;
	left: 0;
	top: 30px;
	bottom: 30px;
	box-sizing: border-box;
	z-index: 4;
	background: #fff;
}

.cotent_wrap .content .sidebar .nav {
	width: 200px;
	height: 100%;
	overflow-x: hidden;
}

.cotent_wrap .content .sidebar .nav ul {
	margin-bottom: 0;
}

.cotent_wrap .content .sidebar .nav ul li span {
	display: block;
	height: 30px;
	margin-top: 20px;
	padding-left: 50px;
	line-height: 30px;
	font-size: 12px;
	color: #999;
	font-weight: initial;
	position: relative;
}

.cotent_wrap .content .sidebar .nav ul li:first-child span {
	margin-top: 0;
}

.cotent_wrap .content .sidebar .nav ul li span:before {
	content: "";
	position: absolute;
	left: 38px;
	top: 15px;
	width: 4px;
	height: 2px;
	background: #dbdbdb;
}

.cotent_wrap .content .sidebar .nav ul li dl {
	margin-bottom: 0;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a {
	display: block;
	height: 40px;
	line-height: 40px;
	font-size: 12px;
	color: #333;
	font-weight: initial;
	padding-left: 40px;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a i {
	display: inline-block;
	width: 6px;
	height: 3px;
	/*background: url(../images/arrow_lf.png) no-repeat;
  background-position: 0 0;*/
	margin-right: 5px;
	vertical-align: middle;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a.now {
	color: #eb0000;
	font-weight: bold;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a.now i {
	width: 6px;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 3px solid #eb0000;
	border-bottom: 3px solid transparent;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a:hover {
	color: #eb0000;
}

.cotent_wrap .content .sidebar .nav ul li dl dd a:hover i {
	width: 6px;
	height: 0;
	border-top: 3px solid transparent;
	border-left: 3px solid #ff0000;
	border-bottom: 3px solid transparent;
}

.cotent_wrap .content .main {
	padding: 10px 0;
	padding-right: 0;
	overflow: hidden;
	padding-right: 32px;
	z-index: 1;
}


/*β��*/

.footer {
	display: none;
	width: 100%;
	min-width: 1340px;
	height: 80px;
	background: #333;
	z-index: 10;
}

.footer .pull-left {
	margin: 15px 0 0 20px;
}

.footer .pull-left .footer_logo {
	display: block;
	background: url(/JScripts/layer/skin/default/icon.png) no-repeat;
	width: 252px;
	height: 46px;
}

.footer .pull-right {
	color: #fff;
	text-align: right;
	margin: 20px 20px 0 0;
}

.wrap_body_outer {
	/*  position: absolute;
  overflow-x: hidden;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  box-sizing: border-box;*/
}

.wrap_body_inner {
	overflow-x: hidden;
	/*  height: 100%;*/
	/*  margin-right: -20px;*/
}


/*ҳ�湫����ʽ��ʼ*/

input[type="checkbox"] {
	appearance: checkbox !important;
	-moz-appearance: checkbox !important;
	/* -webkit-appearance: checkbox !important; */
}

input:not([type]),
input[type="email"],
input[type="number"],
input[type="password"],
input[type="tel"],
input[type="url"],
input[type="text"],
textarea,
select {
	border: 1px #ebebeb solid;
	height: 36px;
	line-height: 36px;
	padding: 0 10px;
	display: inline-block;
	margin: 0 5px;
	border-radius: 5px;
}

input[disabled],
input[readonly] {
	background-color: #ebebeb;
}

.min_input {
	width: 120px;
}

.lg_input {
	width: 140px;
}

.btn {
	border: none;
	display: inline-block;
	border-radius: 4px;
	height: 36px;
	line-height: 34px;
	text-align: center;
	padding: 0 16px;
	min-width: 60px;
	background: #ededed;
	margin: 0 5px;
	color: #333;
	border: 1px solid #dbdbdb;
	font-size: 12px;
	margin-left: 0;
	min-width: 80px;
}

.btn:hover {
	background: #d3d3d3;
}

.orange_btn {
	background: #ff9650;
	color: #fff
}

.green_btn {
	background: #58be1a;
	color: #fff
}

.blue_btn {
	background: #0076eb;
	color: #fff;
	border: 1px solid #0076eb;
}

.blue_btn:hover {
	background: #0066cd;
	color: #fff
}

.breadcrumb>li+li:before {
	content: ">";
}

.breadcrumb {
	padding-left: 0;
	margin-bottom: 0;
	padding-bottom: 0;
	padding-top: 0;
	background: #fff;
}

.breadcrumb ol {
	margin-bottom: 0;
}

.breadcrumb li {
	color: #999;
}

.breadcrumb li a {
	color: #999;
}

.breadcrumb li:last-child,
.breadcrumb li:last-child a {
	color: #333;
}

.breadcrumb li:nth-child(2):before {
	content: none;
}

.breadcrumb li:first-child {
	color: #999;
}

.title_text {
	height: auto;
	margin-bottom: 10px;
	margin-top: 20px;
}

.title_text>span {
	font-size: 16px;
	color: #333;
	font-weight: bold;
	display: inline-block;
}

.title_text a {
	float: right;
	color: #f60;
	margin-right: 10px;
}

.tb_box .search_box {
	overflow: hidden;
	line-height: 32px;
	margin: 24px 10px 10px 10px;
}

.tb_box .search_box span {
	line-height: 32px;
	color: #666;
}

.tb_box .search_box span em {
	font-style: normal;
	color: #333;
}

.tb_box .search_box .search_form {
	overflow: hidden;
}

.tb_box .search_box .search_form .btn {
	width: 50px;
}

.tb_box .search_box .search_form .btn:first-child {
	margin-right: 0;
}

.tb_box .table {
	text-align: center;
	margin: 0;
	border: 1px #ebebeb solid;
}

.tb_box .table .tron {
	background-color: #f8f8f8;
}

.tb_box .table thead tr {
	color: #666;
}

.tb_box .table td,
.tb_box .table th {
	padding: 0;
}

.tb_box .table tr {
	border-bottom: 1px #ebebeb solid;
	background: #fff;
}


/*.tb_box .table tbody tr:nth-child(odd) {
  background: #fff;
}*/

.tb_box .table th {
	text-align: center;
	background: #f5f5f5;
	border: none;
	height: 40px;
	padding: 0 5px;
	line-height: 40px;
}

.tb_box .table td {
	border: none;
	/* border-right: 1px #ebebeb solid;*/
	line-height: 40px;
	vertical-align: middle;
}

.tb_box .tb_bottom {
	background: #f5f5f5;
	overflow: hidden;
	padding: 0 10px;
	height: 40px;
}

.tb_box .tb_bottom .pagination {
	margin: 0;
	float: right;
}

.tb_box .tb_bottom .pagination ul li {
	float: left;
	margin: 0 5px;
	height: 40px;
	line-height: 40px;
}

.tb_box .tb_bottom .pagination ul li:last-child {
	margin-right: 0;
}

.tb_box .tb_bottom .pagination ul li a {
	color: #666;
	cursor: pointer;
	border: 1px solid #dbdbdb;
	background: #ededed;
	padding: 2px 6px;
	border-radius: 1px;
}

.tb_box .tb_bottom .pagination ul li.active a {
	background: #fff;
}

.tb_box .tb_bottom .left_box {
	float: left;
}

.tb_box .tb_bottom .left_box li {
	float: left;
	margin: 0 5px;
	height: 40px;
	line-height: 40px;
}

.tb_box .tb_bottom .result_records {
	height: 40px;
	line-height: 40px;
	margin: 0 10px;
}

.tb_box .tb_bottom .result_records em {
	font-style: normal;
}

.tb_box .tb_bottom .left_box li a {
	color: #666;
}

.tb_box .tb_bottom .left_box li:first-child {
	margin-left: 0;
	color: #666;
}

.tab_list {
	border-bottom: 1px #d4d4d4 solid;
	margin-top: 10px;
}

.tab_list li {
	display: inline-block;
	min-width: 68px;
	padding: 0 10px;
	height: 39px;
	line-height: 38px;
	text-align: center;
	background: #f4f4f4;
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
	border: 1px #d4d4d4 solid;
	border-bottom: none;
	margin: 0 5px;
	position: relative;
	bottom: -1px;
	cursor: pointer;
}

.tab_list li:first-child {
	margin-left: 0;
}

.tab_list li.active {
	height: 40px;
	background: #fff;
}

.phone_bg {
	position: relative;
	background: url("../images/phone_new.png") no-repeat scroll left top;
	display: block;
	overflow: hidden;
	width: 320px;
	height: 643px;
}

.phone_bg .phone {
	position: relative;
	display: block;
	height: 496px;
	margin: 75px 17px 0 18px;
	overflow: hidden;
	/*  padding-bottom: 15px;*/
	width: 285px;
}

.phone_bg .phone .bottom {
	width: 285px;
	height: 41px;
	position: absolute;
	left: 0;
	bottom: 0;
}

.phone_bg .phone .hb_box {
	height: 455px;
	overflow-x: hidden;
	overflow-y: auto;
	position: relative;
	width: 285px;
}

.selectbox {
	width: 120px;
	padding-left: 10px;
	height: 36px;
	line-height: 36px;
	position: relative;
	border-radius: 3px;
	border: 1px solid #eaeaee;
	cursor: pointer;
	background: #fbfbfb;
}

.selectbox i {
	font-style: normal;
	color: #000;
	font-size: 12px;
	overflow: hidden;
	display: block;
	width: 90%;
	height: 100%;
	line-height: 36px;
}

.selectbox .arrowbt {
	position: absolute;
	width: 10px;
	height: 6px;
	display: block;
	background: url(../images/arrow_bt_new.png) no-repeat center;
	right: 10px;
	top: 50%;
	margin-top: -3px;
}

.selectbox .selbox {
	position: absolute;
	left: 0px;
	top: 35px;
	width: 100%;
	overflow-y: auto;
	overflow-x: hidden;
	background: #fff;
	outline: 1px solid #ebebeb;
	display: none;
	z-index: 10;
	border-bottom-left-radius: 3px;
	border-bottom-right-radius: 3px;
	box-sizing: border-box;
}

.selectbox .selbox input {
	margin: 0;
	border-left: 0;
	border-right: 0;
	width: 100%;
	border-radius: 0;
}

.selectbox li {
	height: 30px;
	line-height: 30px;
	color: #666;
	padding-left: 10px;
	overflow: hidden;
	font-size: 12px;
}

.selectbox li.selcheck {
	color: #333;
	text-decoration: underline;
}

.selectbox li:hover {
	background: #f4f4f4;
	cursor: pointer;
	text-decoration: underline;
}

.selectbox li[disabled="disabled"] {
	color: #D7D7D7;
}

.selectbox li[disabled="disabled"]:hover {
	background: none;
	cursor: default;
}

label.setsearch {
	position: absolute;
	right: 10px;
	top: 10px;
}

label.setsearch em {
	color: #777777;
	font-size: 12px;
}


/*����*/

.layui-layer-setwin {
	top: 0 !important;
	right: -24px !important;
	background: #333;
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: center center !important;
}

.layui-layer-setwin .layui-layer-ico {
	margin: 0;
	padding: 12px;
	background: url(../images/close_white.png) center center no-repeat;
}

.layui-layer-title {
	height: 0 !important;
	border-top: 4px #0076EB solid !important;
}

.layui-layer-dialog .layui-layer-content {
	margin-bottom: 10px;
}

.layui-layer-btn0,
.layui-layer-btn2 {
	background-color: #EBA000 !important;
	border-color: #EBA000 !important;
}

.layui-layer-btn1 {
	background-color: #ededed !important;
	border-color: #dbdbdb !important;
	color: #333 !important;
}

.layui-layer-btn2 {
	color: #fff !important;
}

.layui-layer-content {
	border-bottom: 1px #ebebeb solid !important;
	margin: 0 20px;
}

.layui-layer-msg .layui-layer-content {
	border: none !important;
	padding: 20px;
	margin: 0;
}


/*������ʽ*/

.operate_box {
	height: 40px;
	line-height: 40px;
}

.operate_box a {
	display: inline-block;
	margin-right: 15px;
}

.operate_box a.btn {
	margin-left: 0;
	width: 20px;
	height: 20px;
	min-width: 20px;
	background: url(../images/operategroup.png) no-repeat;
	padding: 0;
	border: none;
}

.operate_box a.btn:hover {
	background: url(../images/operategroup_hover.png) no-repeat;
}

.operate_box a.btn.white {
	background: url(../images/operategroup_white.png) no-repeat;
}

.operate_box a.btn.look {
	background-position: 0 0;
}

.operate_box a.btn.edit {
	background-position: 0 -20px;
}

.operate_box a.btn.delete {
	background-position: 0 -40px;
}

.operate_box a.btn.copy {
	background-position: 0 -60px;
}

.operate_box a.btn.reply {
	background-position: 0 -80px;
}

.operate_box a.btn.share {
	background-position: 0 -100px;
}

.operate_box a.btn.mass {
	background-position: 0 -120px;
}

.operate_box a.btn.welcome {
	background-position: 0 -140px;
}

.operate_box a.btn.open_btn {
	background-position: 0 -160px;
}

.operate_box a.btn.close_btn {
	background-position: 0 -180px;
}

.operate_box a.btn.btn:link,
.operate_box a.btn.btn:active,
.operate_box a.btn.btn:visited {
	outline: none;
	box-shadow: none;
}

.operate_box a.text {
	color: #666;
	text-decoration: underline;
}

.operate_box span {
	display: none;
	width: 20px;
}


/*loading*/

#loading_wait {
	position: fixed;
	left: 0;
	top: 0;
	z-index: 10000;
	width: 100%;
	height: 100%;
	background: #000;
	opacity: 0.4;
	filter: alpha(opacity=40);
	display: none;
}

#loading_wait div {
	position: absolute;
	width: 48px;
	height: 48px;
	left: 50%;
	margin-left: -24px;
	top: 50%;
	margin-top: -24px;
	z-index: 1;
	background-image: url(../images/loading.gif);
	background-position: 0 0;
	background-repeat: no-repeat;
}


/*��Ʒ������input������ʽ*/

.input_add_box {
	width: 186px;
	height: 40px;
	background: #ebebeb;
	position: absolute;
	left: 230px;
	top: 0;
}

.input_add_box span {
	content: "";
	width: 0;
	height: 0;
	border: solid 6px;
	border-color: transparent #ebebeb transparent transparent;
	position: absolute;
	left: -12px;
	top: 50%;
	margin-top: -6px;
}

.input_add_box select {
	display: none;
}

.input_add_box ul {
	z-index: 5;
	position: absolute;
	left: 0;
	width: 100%;
	border: 1px #ddd solid;
	background: #fff;
	box-sizing: border-box;
	border-top: 0;
	max-height: 270px;
	overflow-y: scroll;
}

.input_add_box ul li {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
}

.input_add_box ul li:hover {
	background: #f4f4f4;
	cursor: pointer;
}

input.input_add_box_input {
	width: 120px;
	height: 32px;
	margin: 4px 5px;
	border: none;
	padding: 0 3px;
	box-sizing: border-box;
	float: left;
}

.input_add_box_btn {
	width: 50px;
	height: 32px;
	background: #ff9650;
	border: none;
	border-radius: 3px;
	line-height: 32px;
	color: #fff;
	vertical-align: middle;
	margin: 4px 0;
	cursor: pointer;
	outline: none
}

input.input_date_init {
	width: 83px;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	height: 24px;
	padding: 5px 30px 5px 5px;
	background: url(../images/ic_calendar.png) #fff no-repeat 94% center;
	box-sizing: content-box;
	cursor: pointer;
	line-height: 24px;
}

.icon-arrow-left,
.icon-arrow-right {
	display: block;
	width: 14px;
	height: 9px;
	background: url(../images/arrow_group.png) no-repeat;
}

.icon-arrow-left {
	background-position: 0 0;
}

.icon-arrow-right {
	background-position: -14px 0;
}

.tips_box {
	height: 30px;
	line-height: 30px;
	padding: 0 10px;
	box-sizing: border-box;
}

.tip_wrap {
	width: 250px;
	height: 147px;
	margin: 0 auto;
	text-align: center;
	overflow: hidden;
	background: url(../images/tip_bg.png) no-repeat;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.tip_wrap p {
	font-size: 12px;
	margin-top: 73px;
	margin-bottom: 0;
	color: #666;
}

.tip_wrap h3 {
	font-size: 20px;
	font-weight: normal;
	margin-top: 0px;
	color: #666;
}


/*validate��֤��ʽ��д*/

form input.error,
form div.error,
form select.error,
form textarea.error {
	background-color: #ffeeee;
	border-color: #ff0000;
	box-shadow: none;
	color: #ff0000;
}

form .help-inline {
	color: #ff0000;
	margin-left: 10px;
}

form .help-block {
	color: #ff0000;
	display: block;
	margin-bottom: 0;
	margin-left: 5px;
}


/*icheck�����ʽ��д*/

.icheckbox_minimal-yellow {
	width: 14px !important;
	height: 14px !important;
	background: url(../images/checkbox_bg.png) no-repeat !important;
	;
	background-position: 0 0;
	margin-right: 4px !important;
	float: left;
}

.left_box .icheckbox_minimal-yellow {
	margin-top: 13px !important;
}

.icheckbox_minimal-yellow.checked {
	background-position: -14px 0 !important;
}

.iradio_square-yellow {
	width: 16px !important;
	height: 16px !important;
	background: url(../images/radio_bg.png) no-repeat !important;
	background-position: 0 0;
	margin-right: 3px !important;
	margin-top: 3px !important;
	float: left;
}

.iradio_square-yellow.checked {
	background-position: -16px 0 !important;
}


/*û�����*/

.no_data {
	width: 100%;
	margin: 30px 0;
	background: url(../images/no_data.png) no-repeat center top;
	background-size: 80px;
	max-height: 256px;
}

.no_data span {
	font-size: 18px;
	color: #333;
	padding-top: 180px;
	display: block;
	text-align: center;
}


/*���titleӢ�Ļ���*/

.tb_box .table td.goods span {
	height: 40px;
	overflow: hidden;
	word-break: break-all;
}


/*Ĭ��ͼƬ��ʽ*/

.img_bg_con {
	display: inline-block;
	width: 62px;
	height: 62px;
	vertical-align: middle;
}

.img_bg {
	width: 100%;
	height: 100%;
	font-size: 260%;
	text-align: center;
	color: #fff;
	background: #fff;
}

.img_bg img {
	vertical-align: initial;
	border: none !important;
	width: 100%;
}

.img_bg .fa {
	color: #ccc;
	vertical-align: middle;
	line-height: 60px;
}


/*icheck disbaled*/

.icheckbox_minimal-yellow.disabled {
	background-position: -28px 0 !important;
}

.icheckbox_minimal-yellow.disabled.checked {
	background-position: -42px 0 !important;
}


/* ͳ����ݾ����ڴ� S*/

.common_pr {
	position: relative;
}

.unclk_list_overlay,
.unclk_table_overlay,
.unclk_table_overlay_layout,
.unclk_table_overlay_all {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(212, 212, 212, .7);
	background-image: url(../images/listqd.png);
	background-position: center;
	background-repeat: no-repeat;
}

.unclk_table_overlay {
	background-image: url(../images/tableqd.png);
	background-color: transparent;
}

.unclk_table_overlay_all {
	background-image: url(../images/tableqd.png);
	background-color: rgba(212, 212, 212, .7);
}

.unclk_table_overlay_layout {
	background-image: none;
	background-color: rgba(212, 212, 212, .7);
}


/* ͳ����ݾ����ڴ� E*/


/*���¼ܰ�ť*/

.com_switch_box {
	width: 60px;
	height: 24px;
	position: relative;
	text-align: right;
	padding-right: 9px;
	vertical-align: top;
	color: #fff;
	background: #888888;
	cursor: pointer;
	border-radius: 15px;
}

.com_switch_box span {
	font-size: 12px;
	line-height: 24px;
}

.com_switch_box .circle {
	width: 18px;
	height: 18px;
	position: absolute;
	top: 3px;
	right: 40px;
	background: #fff;
	border-radius: 50%;
	-webkit-border-radius: 50%;
	-webkit-border-radius: 50%;
}

.com_switch_box.on {
	text-align: left;
	background-color: #0dc657;
	padding-left: 9px
}

.com_switch_box.on .circle {
	right: 2px;
}


/*Ӫ���б�ҳ������ʽ*/

.com_market_list ul li {
	float: left;
	width: 340px;
	margin: 0 39px 28px 0;
	overflow: hidden;
}

.com_market_list_top .title {
	width: 225px;
	line-height: 24px;
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	font-weight: 700;
	font-size: 12px;
	color: #666;
}

.com_market_list_top .infor {
	height: 24px;
	line-height: 24px;
	margin-left: 65px;
}

.com_market_list_top .operate_box {
	height: 24px;
	line-height: 24px;
	display: none;
}

.com_market_list_top .operate_box a.btn {
	margin-right: 0;
}

.com_market_list_top .operate_box a.btn.edit {
	margin-right: 5px;
}

.com_market_list ul li:nth-child(3n) {
	margin-right: 0;
}

.com_market_list ul li:hover .operate_box {
	display: block;
}

.com_market_list_con {
	border: 1px solid #d4d4d4;
	height: 120px;
	position: relative;
}

.com_market_list_con img {
	width: 118px;
	height: 118px;
	overflow: hidden;
	display: block;
}

.com_market_list_con .dec {
	margin-left: 130px
}

.com_market_list_con .dec .shop_name {
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.com_market_list_con .btn.cancel_btn {
	position: absolute;
	right: 5px;
	bottom: 10px;
	padding: 0 16px;
}

.com_market_box_top .btn,
.com_market_set_box .set_btn {
	margin: 0;
}

.com_market_set_box p {
	background: #f4f4f4;
	height: 60px;
	padding: 14px 12px;
}

.com_market_set_box p span {
	display: block;
	line-height: 18px;
}

.com_market_box_top span {
	line-height: 32px;
}

.phone_bg_market {
	float: left;
	margin: 10px 35px 0 40px;
}

.s_setshop_conr_market {
	float: left;
	margin: 15px 15px 15px 0;
	display: block;
}

.s_setshop_conr_market .form-horizontal .form-group {
	margin-left: 0;
	margin-right: 0;
}


/*ʱ��ѡ�������*/

.datetimepicker .table-condensed tr th {
	border-radius: 0;
	font-weight: 100;
	color: #333;
}

.datetimepicker .table-condensed tr:nth-child(2) th {
	background: #f2f0f1;
	border-radius: 0;
	font-weight: 100;
	color: #7d7d7d;
}

.datetimepicker .table-condensed tbody tr td {
	padding: 3px 5px;
	text-align: center;
}

.datetimepicker table tr td.active.active,
.datetimepicker table tr td.active.disabled.active {
	border: 1px solid #666;
	text-shadow: none;
	border-radius: 0;
	text-align: center;
}

.datetimepicker table tr td:hover {
	text-shadow: none !important;
	border-radius: 0;
	background: #f5f5f5;
}

.datetimepicker table tr td span.active.active,
.datetimepicker table tr td span.active.disabled.active {
	text-align: center;
	text-shadow: none;
	border-radius: 0;
	border: 1px solid #666;
}

.datetimepicker {
	z-index: 5 !important;
}


/*Ӫ���زĹ�����ʽ�޸�*/

.goods_box .goods_box_txt h4 {
	max-width: 417px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.tb_box .table td.goods {
	width: 400px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	display: block;
}


/*��Ϣ�༭ҳ������ʽ*/

.com_message_edit {
	margin: 40px 0 40px 40px;
	overflow: hidden;
}

.com_message_edit .phone_bg {
	float: left;
	overflow: hidden;
	margin-right: 10px;
	background: url(../images/shop_decorate/phone_new.png) no-repeat;
}

.com_message_edit .phone_bg .phone {
	padding-right: 0;
	overflow: hidden;
	margin-top: 64px;
	width: 293px;
	height: 508px;
}

.com_message_edit .phone_bg .phone .hb_box {
	height: 500px;
	padding-top: 8px;
	padding-right: 8px;
	width: 310px;
	box-sizing: content-box;
}

.com_message_edit .edit_con {
	margin-left: 330px;
	min-height: 550px;
}

.com_message_edit .edit_con .control-group label {
	float: left;
	width: 90px;
	text-align: right;
	line-height: 30px;
	margin-right: 10px;
	font-weight: normal;
}

.com_message_edit .edit_con .control-group .input_box input {
	width: 268px;
}

.com_message_edit_btn {
	border-top: 1px solid #eee;
	padding-left: 98px;
}

.com_message_edit_btn a,
.com_message_edit_btn button {
	float: left !important;
	margin-right: 10px;
}


/*��ͼ���б?����ʽ*/

.com_singleGraphic_list {
	overflow: hidden;
}

.com_singleGraphic_list ul li {
	float: left;
	width: 340px;
	margin: 0 39px 28px 0;
}

.com_singleGraphic_list .info {
	position: relative;
	/*margin-left: 24px;*/
	height: 24px;
	line-height: 24px;
}

.com_singleGraphic_list .info input {
	float: left;
	margin-top: 5px;
}

.com_singleGraphic_list .info .list_tit {
	display: inline-block;
}

.com_singleGraphic_list .info .list_tit span {
	position: absolute;
}

.com_singleGraphic_list .info .list_tit p {
	display: inline-block;
	margin-left: 48px;
	width: 68px;
	overflow: hidden;
	word-break: break-all;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.com_singleGraphic_list .operate_box {
	display: inline-block;
	height: 24px;
	line-height: 24px;
	display: none;
}

.com_singleGraphic_list .operate_box {
	float: right;
}

.com_singleGraphic_list .operate_box a {
	margin-left: 10px;
	margin-right: 0;
}

.com_singleGraphic_list .operate_box .share_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -100px no-repeat;
}

.com_singleGraphic_list .operate_box .share_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -100px no-repeat;
}

.com_singleGraphic_list .operate_box .mass_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -120px no-repeat;
}

.com_singleGraphic_list .operate_box .mass_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -120px no-repeat;
}

.com_singleGraphic_list .operate_box .wel_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -140px no-repeat;
}

.com_singleGraphic_list .operate_box .wel_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -140px no-repeat;
}

.com_singleGraphic_list .operate_box .reply_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -80px no-repeat;
}

.com_singleGraphic_list .operate_box .reply_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -80px no-repeat;
}

.com_singleGraphic_list .operate_box .edit_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -20px no-repeat;
}

.com_singleGraphic_list .operate_box .edit_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -20px no-repeat;
}

.com_singleGraphic_list .operate_box .delet_btn {
	display: inline-block;
	width: 20px;
	height: 20px;
	background: url(../images/operategroup.png) 0 -40px no-repeat;
}

.com_singleGraphic_list .operate_box .delet_btn:hover {
	background: url(../images/operategroup_hover.png) 0 -40px no-repeat;
}

.com_singleGraphic_list .list_info .list_con {
	position: relative;
	border: 2px #e5e5e5 solid;
	border-radius: 2px;
}

.com_singleGraphic_list ul li:hover .list_con,
.com_singleGraphic_list ul li.active .list_con {
	box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
}

.com_singleGraphic_list ul li:hover .operate_box {
	display: block;
}

.com_singleGraphic_list .list_info .list_con .list_con_tit {
	height: 22px;
	padding-right: 80px;
	word-break: break-all;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-top: 10px;
	font-size: 12px;
	font-weight: bold;
	color: #333;
}

.com_singleGraphic_list .list_info .list_con .list_con_tit .word_box {
	float: right;
	width: 80px;
	margin-right: -80px;
}

.com_singleGraphic_list .list_info .list_con .list_con_tit i {
	display: inline-block;
	margin-right: 10px;
	float: right;
	width: 20px;
	height: 20px;
}

.com_singleGraphic_list .list_info .list_con .list_con_tit .wel_word {
	background: url(../images/operategroup_hover.png) 0 -139px no-repeat;
}

.com_singleGraphic_list .list_info .list_con .list_con_tit .reply_word {
	background: url(../images/operategroup_hover.png) 0 -79px no-repeat;
}

.com_singleGraphic_list .list_info .list_con img {
	padding: 10px 10px;
	height: 100px;
}

.com_singleGraphic_list .list_info .list_con p {
	padding: 0 10px;
}

.com_singleGraphic_list .list_info .list_con .list_check {
	position: relative;
	display: block;
	margin-top: 40px;
	padding: 0 10px;
}

.com_singleGraphic_list .list_info .list_con .list_check .font12 {
	padding: 10px 10px 10px 0;
	border-top: 1px #e5e5e5 solid;
	font-weight: bold;
	color: #333;
}

.com_singleGraphic_list .list_info .list_con .list_check .fa {
	position: absolute;
	right: 10px;
	top: 8px;
	font-size: 24px;
	color: #e5e5e5;
}


/*tab �л�*/

.tab_new {
	border-bottom: 1px solid #eaeaee;
}

.tab_new li {
	float: left;
	margin-right: 26px;
}

.tab_new li a {
	display: inline-block;
	box-sizing: border-box;
	padding: 0 10px;
	height: 40px;
	line-height: 40px;
	color: #666;
	font-weight: bold;
	cursor: pointer;
	font-size: 12px;
}

.tab_new li.active a {
	border-bottom: 2px solid #eb0000;
	color: #333;
}


/*��ʾ*/

.g_tips {
	height: 32px;
	background: #fffae9;
	border: 1px solid #ffdc99;
	color: #d7862f;
	line-height: 30px;
	padding-left: 20px;
	box-sizing: border-box;
	border-radius: 3px;
}

.g_tips a {
	color: #0076eb;
}


/*��è��� start*/

.header .logo.panda a {
	height: 46px;
	margin: 11px 0 0 20px;
}

.header .header_rt .menu.panda ul li:nth-child(3),
.header .header_rt .menu.panda ul li:nth-child(4) {
	width: 110px;
}

.header .header_rt .menu.panda ul li a:hover,
.header .header_rt .menu.panda ul li a.now {
	background: #d04b54;
}

.header .header_rt .menu.panda ul li a i {
	height: 22px;
	background: url(../images/menugroup_panda.png) no-repeat;
}

.header .header_rt .menu.panda ul li a:hover i,
.header .header_rt .menu.panda ul li a.now i {
	height: 22px;
	background: url(../images/menugroup_panda_hover.png) no-repeat;
}

.header .header_rt .menu.panda ul li:nth-child(3),
.header .header_rt .menu.panda ul li:nth-child(4),
.header .header_rt .menu.panda ul li:nth-child(5) {
	margin-right: 10px;
}

.header .header_rt .menu.panda ul li:nth-child(5) {
	width: 80px;
}

.header .header_rt .menu.panda ul li:nth-child(3) a:hover,
.header .header_rt .menu.panda ul li:nth-child(4) a:hover,
.header .header_rt .menu.panda ul li:nth-child(5) a:hover,
.header .header_rt .menu.panda ul li:nth-child(3) a.now,
.header .header_rt .menu.panda ul li:nth-child(4) a.now,
.header .header_rt .menu.panda ul li:nth-child(5) a.now {
	background: #d04b54;
	color: #fff;
}

.header .header_rt .menu.panda ul li:nth-child(3) a,
.header .header_rt .menu.panda ul li:nth-child(4) a,
.header .header_rt .menu.panda ul li:nth-child(5) a {
	background: none;
	box-shadow: none;
	border-radius: 5px;
	color: #333;
}

.header .header_rt .menu.panda ul li:nth-child(1) a i {
	margin-top: 0;
	background-position: 0 0;
}

.header .header_rt .menu.panda ul li:nth-child(2) a i {
	margin-top: -4px;
	background-position: 0 -22px;
}

.header .header_rt .menu.panda ul li:nth-child(3) a i {
	margin-top: 3px;
	background-position: 0 -44px;
}

.header .header_rt .menu.panda ul li:nth-child(4) a i {
	background-position: 0 -66px;
}

.header .header_rt .menu.panda ul li:nth-child(5) a i {
	background-position: 0 -88px;
}

.header .header_rt .menu.panda ul li:nth-child(6) a i {
	margin-top: -2px;
	background-position: 0 -110px;
}


/*��è��� end*/


/*��è���short start*/

.header .header_rt .menu.panda_short ul li:nth-child(1) a i {
	margin-top: -2px;
	background-position: 0 -22px;
}

.header .header_rt .menu.panda_short ul li:nth-child(2) a i {
	margin-top: -2px;
	background-position: 0 -110px;
}


/*��è���short end*/


/*�������۰� start*/

.header .header_rt .menu.retail ul li:nth-child(3) {
	width: 80px;
	margin-right: 10px;
}

.header .header_rt .menu.retail ul li:nth-child(3) a {
	background: transparent;
	box-shadow: none;
	color: #333;
	border-radius: 5px;
}

.header .header_rt .menu.retail ul li:nth-child(3) a:hover,
.header .header_rt .menu.retail ul li:nth-child(3) a.now {
	color: #fff;
	background: #eb0000;
}

.header .header_rt .menu.retail ul li:nth-child(4),
.header .header_rt .menu.retail ul li:nth-child(5),
.header .header_rt .menu.retail ul li:nth-child(6) {
	width: 120px;
	margin-right: 0;
}

.header .header_rt .menu.retail ul li:nth-child(6) {
	margin-right: 10px;
}

.header .header_rt .menu.retail ul li:nth-child(4) a,
.header .header_rt .menu.retail ul li:nth-child(5) a,
.header .header_rt .menu.retail ul li:nth-child(6) a {
	background: #fff;
	box-shadow: 1px 1px 1px #ccc;
	border-radius: 0;
	color: #b69768;
}

.header .header_rt .menu.retail ul li:nth-child(4) a {
	border-radius: 5px 0 0 5px
}

.header .header_rt .menu.retail ul li:nth-child(6) a {
	border-radius: 0 5px 5px 0;
}

.header .header_rt .menu.retail ul li:nth-child(4) a:hover,
.header .header_rt .menu.retail ul li:nth-child(5) a:hover,
.header .header_rt .menu.retail ul li:nth-child(6) a:hover,
.header .header_rt .menu.retail ul li:nth-child(4) a.now,
.header .header_rt .menu.retail ul li:nth-child(5) a.now,
.header .header_rt .menu.retail ul li:nth-child(6) a.now {
	color: #fff;
	background: #b69768;
}

.header .header_rt .menu.retail ul li:nth-child(1) a i {
	margin-top: -2px;
	background-position: 0 -140px;
}

.header .header_rt .menu.retail ul li:nth-child(2) a i {
	margin-top: -2px;
	background-position: 0 0;
}

.header .header_rt .menu.retail ul li:nth-child(3) a i {
	background-position: 0 -21px;
}

.header .header_rt .menu.retail ul li:nth-child(4) a i {
	background-position: 0 -41px;
}

.header .header_rt .menu.retail ul li:nth-child(5) a i {
	background-position: 0 -61px;
}

.header .header_rt .menu.retail ul li:nth-child(6) a i {
	background-position: 0 -81px;
}

.header .header_rt .menu.retail ul li:nth-child(7) a i {
	background-position: 0 -101px;
}

.header .header_rt .menu.retail ul li:nth-child(8) a i {
	background-position: 0 -121px;
}


/*�������۰� end*/


/*�������۰����� start*/

.header .header_rt .menu.retail_short ul li:nth-child(1) a i {
	background-position: 0 -21px;
}

.header .header_rt .menu.retail_short ul li:nth-child(2) a i {
	margin-top: -2px;
	background-position: 0 -121px;
}


/*�������۰�����  end*/


/*!
 
 @Name: layer's style
 @Author: ����
 @Blog�� sentsin.com
 
 */

*html {
	background-image: url(about:blank);
	background-attachment: fixed
}

html #layui_layer_skinlayercss {
	display: none;
	position: absolute;
	width: 1989px
}

.layui-layer,
.layui-layer-shade {
	position: fixed;
	_position: absolute;
	pointer-events: auto
}

.layui-layer-shade {
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	_height: expression(document.body.offsetHeight+"px")
}

.layui-layer {
	top: 150px;
	left: 50%;
	margin: 0;
	padding: 0;
	background-color: #fff;
	-webkit-background-clip: content;
	box-shadow: 1px 1px 50px rgba(0, 0, 0, .3);
	border-radius: 2px;
	-webkit-animation-fill-mode: both;
	animation-fill-mode: both;
	-webkit-animation-duration: .3s;
	animation-duration: .3s
}

.layui-layer-close {
	position: absolute
}

.layui-layer-content {
	position: relative
}

.layui-layer-border {
	border: 1px solid #B2B2B2;
	border: 1px solid rgba(0, 0, 0, .3);
	box-shadow: 1px 1px 5px rgba(0, 0, 0, .2)
}

.layui-layer-moves {
	position: absolute;
	border: 3px solid #666;
	border: 3px solid rgba(0, 0, 0, .5);
	cursor: move;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .3);
	filter: alpha(opacity=50)
}

.layui-layer-load {
	background: url(/JScripts/layer/skin/default/loading-0.gif) center center no-repeat #fff
}

.layui-layer-ico {
	background: url(/JScripts/layer/skin/default/icon.png) no-repeat
}

.layui-layer-btn a,
.layui-layer-dialog .layui-layer-ico,
.layui-layer-setwin a {
	display: inline-block;
	*display: inline;
	*zoom: 1;
	vertical-align: top
}

@-webkit-keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceIn {
	0% {
		opacity: 0;
		-webkit-transform: scale(.5);
		-ms-transform: scale(.5);
		transform: scale(.5)
	}
	100% {
		opacity: 1;
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layui-anim {
	-webkit-animation-name: bounceIn;
	animation-name: bounceIn
}

@-webkit-keyframes bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
	30% {
		-webkit-transform: scale(1.03);
		transform: scale(1.03)
	}
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes bounceOut {
	100% {
		opacity: 0;
		-webkit-transform: scale(.7);
		-ms-transform: scale(.7);
		transform: scale(.7)
	}
	30% {
		-webkit-transform: scale(1.03);
		-ms-transform: scale(1.03);
		transform: scale(1.03)
	}
	0% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1)
	}
}

.layui-anim-close {
	-webkit-animation-name: bounceOut;
	animation-name: bounceOut;
	-webkit-animation-duration: .2s;
	animation-duration: .2s
}

@-webkit-keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInDown {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateY(-2000px);
		-ms-transform: scale(.1) translateY(-2000px);
		transform: scale(.1) translateY(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateY(60px);
		-ms-transform: scale(.475) translateY(60px);
		transform: scale(.475) translateY(60px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layui-anim-01 {
	-webkit-animation-name: zoomInDown;
	animation-name: zoomInDown
}

@-webkit-keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		transform: translateY(0)
	}
}

@keyframes fadeInUpBig {
	0% {
		opacity: 0;
		-webkit-transform: translateY(2000px);
		-ms-transform: translateY(2000px);
		transform: translateY(2000px)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateY(0);
		-ms-transform: translateY(0);
		transform: translateY(0)
	}
}

.layui-anim-02 {
	-webkit-animation-name: fadeInUpBig;
	animation-name: fadeInUpBig
}

@-webkit-keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

@keyframes zoomInLeft {
	0% {
		opacity: 0;
		-webkit-transform: scale(.1) translateX(-2000px);
		-ms-transform: scale(.1) translateX(-2000px);
		transform: scale(.1) translateX(-2000px);
		-webkit-animation-timing-function: ease-in-out;
		animation-timing-function: ease-in-out
	}
	60% {
		opacity: 1;
		-webkit-transform: scale(.475) translateX(48px);
		-ms-transform: scale(.475) translateX(48px);
		transform: scale(.475) translateX(48px);
		-webkit-animation-timing-function: ease-out;
		animation-timing-function: ease-out
	}
}

.layui-anim-03 {
	-webkit-animation-name: zoomInLeft;
	animation-name: zoomInLeft
}

@-webkit-keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

@keyframes rollIn {
	0% {
		opacity: 0;
		-webkit-transform: translateX(-100%) rotate(-120deg);
		-ms-transform: translateX(-100%) rotate(-120deg);
		transform: translateX(-100%) rotate(-120deg)
	}
	100% {
		opacity: 1;
		-webkit-transform: translateX(0) rotate(0);
		-ms-transform: translateX(0) rotate(0);
		transform: translateX(0) rotate(0)
	}
}

.layui-anim-04 {
	-webkit-animation-name: rollIn;
	animation-name: rollIn
}

@keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.layui-anim-05 {
	-webkit-animation-name: fadeIn;
	animation-name: fadeIn
}

@-webkit-keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		transform: translateX(10px)
	}
}

@keyframes shake {
	0%,
	100% {
		-webkit-transform: translateX(0);
		-ms-transform: translateX(0);
		transform: translateX(0)
	}
	10%,
	30%,
	50%,
	70%,
	90% {
		-webkit-transform: translateX(-10px);
		-ms-transform: translateX(-10px);
		transform: translateX(-10px)
	}
	20%,
	40%,
	60%,
	80% {
		-webkit-transform: translateX(10px);
		-ms-transform: translateX(10px);
		transform: translateX(10px)
	}
}

.layui-anim-06 {
	-webkit-animation-name: shake;
	animation-name: shake
}

@-webkit-keyframes fadeIn {
	0% {
		opacity: 0
	}
	100% {
		opacity: 1
	}
}

.layui-layer-title {
	padding: 0 80px 0 20px;
	height: 42px;
	line-height: 42px;
	border-bottom: 1px solid #eee;
	font-size: 12px;
	color: #333;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	background-color: #F8F8F8
}

.layui-layer-setwin {
	position: absolute;
	right: 15px;
	*right: 0;
	top: 15px;
	font-size: 0;
	line-height: initial
}

.layui-layer-setwin a {
	position: relative;
	width: 16px;
	height: 16px;
	margin-left: 10px;
	font-size: 12px;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min cite {
	position: absolute;
	width: 14px;
	height: 2px;
	left: 0;
	top: 50%;
	margin-top: -1px;
	background-color: #2E2D3C;
	cursor: pointer;
	_overflow: hidden
}

.layui-layer-setwin .layui-layer-min:hover cite {
	background-color: #2D93CA
}

.layui-layer-setwin .layui-layer-max {
	background-position: -32px -40px
}

.layui-layer-setwin .layui-layer-max:hover {
	background-position: -16px -40px
}

.layui-layer-setwin .layui-layer-maxmin {
	background-position: -65px -40px
}

.layui-layer-setwin .layui-layer-maxmin:hover {
	background-position: -49px -40px
}

.layui-layer-setwin .layui-layer-close1 {
	background-position: 0 -40px;
	cursor: pointer;
	display: none;
}

.layui-layer-setwin .layui-layer-close1:hover {
	opacity: .7
}

.layui-layer-setwin .layui-layer-close2 {
	position: absolute;
	right: -28px;
	top: -28px;
	width: 30px;
	height: 30px;
	margin-left: 0;
	background-position: -150px -31px;
	*right: -18px;
	_display: none
}

.layui-layer-setwin .layui-layer-close2:hover {
	background-position: -181px -31px
}

.layui-layer-btn {
	text-align: right;
	padding: 0 10px 12px;
	pointer-events: auto
}

.layui-layer-btn a {
	height: 28px;
	line-height: 28px;
	margin: 0 6px;
	padding: 0 15px;
	border: 1px solid #dedede;
	background-color: #f1f1f1;
	color: #333;
	border-radius: 2px;
	font-weight: 400;
	cursor: pointer;
	text-decoration: none
}

.layui-layer-btn a:hover {
	opacity: .9;
	text-decoration: none
}

.layui-layer-btn a:active {
	opacity: .7
}

.layui-layer-btn .layui-layer-btn0 {
	border-color: #4898d5;
	background-color: #2e8ded;
	color: #fff
}

.layui-layer-dialog {
	min-width: 260px
}

.layui-layer-dialog .layui-layer-content {
	position: relative;
	padding: 20px;
	line-height: 24px;
	word-break: break-all;
	font-size: 12px;
	overflow: auto
}

.layui-layer-dialog .layui-layer-content .layui-layer-ico {
	position: absolute;
	top: 16px;
	left: 15px;
	_left: -40px;
	width: 30px;
	height: 30px
}

.layui-layer-ico1 {
	background-position: -30px 0
}

.layui-layer-ico2 {
	background-position: -60px 0
}

.layui-layer-ico3 {
	background-position: -90px 0
}

.layui-layer-ico4 {
	background-position: -120px 0
}

.layui-layer-ico5 {
	background-position: -150px 0
}

.layui-layer-ico6 {
	background-position: -180px 0
}

.layui-layer-rim {
	border: 6px solid #8D8D8D;
	border: 6px solid rgba(0, 0, 0, .3);
	border-radius: 5px;
	box-shadow: none
}

.layui-layer-msg {
	min-width: 180px;
	border: 1px solid #D3D4D3;
	box-shadow: none
}

.layui-layer-hui {
	min-width: 100px;
	background-color: #000;
	filter: alpha(opacity=60);
	background-color: rgba(0, 0, 0, .6);
	color: #fff;
	border: none
}

.layui-layer-hui .layui-layer-content {
	padding: 12px 25px;
	text-align: center
}

.layui-layer-dialog .layui-layer-padding {
	padding: 20px 20px 20px 55px;
	text-align: left
}

.layui-layer-page .layui-layer-content {
	position: relative;
	overflow: auto
}

.layui-layer-iframe .layui-layer-btn,
.layui-layer-page .layui-layer-btn {
	padding-top: 10px
}

.layui-layer-nobg {
	background: 0 0
}

.layui-layer-iframe .layui-layer-content {
	overflow: hidden
}

.layui-layer-iframe iframe {
	display: block;
	width: 100%
}

.layui-layer-loading {
	border-radius: 100%;
	background: 0 0;
	box-shadow: none;
	border: none
}

.layui-layer-loading .layui-layer-content {
	width: 60px;
	height: 24px;
	background: url(default/loading-0.gif) no-repeat
}

.layui-layer-loading .layui-layer-loading1 {
	width: 37px;
	height: 37px;
	background: url(default/loading-1.gif) no-repeat
}

.layui-layer-ico16,
.layui-layer-loading .layui-layer-loading2 {
	width: 32px;
	height: 32px;
	background: url(default/loading-2.gif) no-repeat
}

.layui-layer-tips {
	background: 0 0;
	box-shadow: none;
	border: none
}

.layui-layer-tips .layui-layer-content {
	position: relative;
	line-height: 22px;
	min-width: 12px;
	padding: 5px 10px;
	font-size: 12px;
	_float: left;
	border-radius: 3px;
	box-shadow: 1px 1px 3px rgba(0, 0, 0, .3);
	background-color: #F90;
	color: #fff
}

.layui-layer-tips .layui-layer-close {
	right: -2px;
	top: -1px
}

.layui-layer-tips i.layui-layer-TipsG {
	position: absolute;
	width: 0;
	height: 0;
	border-width: 8px;
	border-color: transparent;
	border-style: dashed;
	*overflow: hidden
}

.layui-layer-tips i.layui-layer-TipsB,
.layui-layer-tips i.layui-layer-TipsT {
	left: 5px;
	border-right-style: solid;
	border-right-color: #F90
}

.layui-layer-tips i.layui-layer-TipsT {
	bottom: -8px
}

.layui-layer-tips i.layui-layer-TipsB {
	top: -8px
}

.layui-layer-tips i.layui-layer-TipsL,
.layui-layer-tips i.layui-layer-TipsR {
	top: 1px;
	border-bottom-style: solid;
	border-bottom-color: #F90
}

.layui-layer-tips i.layui-layer-TipsR {
	left: -8px
}

.layui-layer-tips i.layui-layer-TipsL {
	right: -8px
}

.layui-layer-lan[type=dialog] {
	min-width: 280px
}

.layui-layer-lan .layui-layer-title {
	background: #4476A7;
	color: #fff;
	border: none
}

.layui-layer-lan .layui-layer-lan .layui-layer-btn {
	padding: 10px;
	text-align: right;
	border-top: 1px solid #E9E7E7
}

.layui-layer-lan .layui-layer-btn a {
	background: #BBB5B5;
	border: none
}

.layui-layer-lan .layui-layer-btn .layui-layer-btn1 {
	background: #C9C5C5
}

.layui-layer-molv .layui-layer-title {
	background: #009f95;
	color: #fff;
	border: none
}

.layui-layer-molv .layui-layer-btn a {
	background: #009f95
}

.layui-layer-molv .layui-layer-btn .layui-layer-btn1 {
	background: #92B8B1
}

.slider-container {
	width: 300px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

.slider-container .back-bar {
	height: 10px;
	position: relative;
}

.slider-container .back-bar .selected-bar {
	position: absolute;
	height: 100%;
}

.slider-container .back-bar .pointer {
	position: absolute;
	width: 10px;
	height: 10px;
	background-color: red;
	cursor: col-resize;
	opacity: 1;
	z-index: 2;
}

.slider-container .back-bar .pointer.last-active {
	z-index: 3;
}

.slider-container .back-bar .pointer-label {
	position: absolute;
	top: -17px;
	font-size: 8px;
	background: white;
	white-space: nowrap;
	line-height: 1;
}

.slider-container .back-bar .focused {
	z-index: 10;
}

.slider-container .clickable-dummy {
	cursor: pointer;
	position: absolute;
	width: 100%;
	height: 100%;
	z-index: 1;
}

.slider-container .scale {
	top: 2px;
	position: relative;
}

.slider-container .scale span {
	position: absolute;
	height: 5px;
	border-left: 1px solid #999;
	font-size: 0;
}

.slider-container .scale ins {
	font-size: 9px;
	text-decoration: none;
	position: absolute;
	left: 0;
	top: 5px;
	color: #999;
	line-height: 1;
}

.slider-container.slider-readonly .clickable-dummy,
.slider-container.slider-readonly .pointer {
	cursor: auto;
}

.theme-green .back-bar {
	height: 5px;
	border-radius: 2px;
	background-color: #eeeeee;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
}

.theme-green .back-bar .selected-bar {
	border-radius: 2px;
	background-color: #a1fad0;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #bdfade, #76fabc);
}

.theme-green .back-bar .pointer {
	width: 14px;
	height: 14px;
	top: -5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #AAA;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
}

.theme-green .back-bar .pointer-label {
	color: #999;
}

.theme-green .back-bar .focused {
	color: #333;
}

.theme-green .scale span {
	border-left: 1px solid #e5e5e5;
}

.theme-green .scale ins {
	color: #999;
}

.theme-blue .back-bar {
	height: 5px;
	border-radius: 2px;
	background-color: #eeeeee;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
}

.theme-blue .back-bar .selected-bar {
	border-radius: 2px;
	background-color: #92c1f9;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #b1d1f9, #64a8f9);
}

.theme-blue .back-bar .pointer {
	width: 14px;
	height: 14px;
	top: -5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	border: 1px solid #AAA;
	background-color: #e7e7e7;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #eeeeee, #dddddd);
}

.theme-blue .back-bar .pointer-label {
	color: #999;
}

.theme-blue .back-bar .focused {
	color: #333;
}

.theme-blue .scale span {
	border-left: 1px solid #e5e5e5;
}

.theme-blue .scale ins {
	color: #999;
}


/*
 * Swiper 2.7.6
 * Mobile touch slider and framework with hardware accelerated transitions
 *
 * http://www.idangero.us/sliders/swiper/
 *
 * Copyright 2010-2015, Vladimir Kharlampidi
 * The iDangero.us
 * http://www.idangero.us/
 *
 * Licensed under GPL & MIT
 *
 * Released on: February 11, 2015
*/


/* ===============================================================
Basic Swiper Styles 
================================================================*/

.swiper-container {
	margin: 0 auto;
	position: relative;
	overflow: hidden;
	direction: ltr;
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;
	-ms-backface-visibility: hidden;
	-o-backface-visibility: hidden;
	backface-visibility: hidden;
	/* Fix of Webkit flickering */
	z-index: 1;
}

.swiper-wrapper {
	position: relative;
	width: 100%;
	-webkit-transition-property: -webkit-transform, left, top;
	-webkit-transition-duration: 0s;
	-webkit-transform: translate3d(0px, 0, 0);
	-webkit-transition-timing-function: ease;
	-moz-transition-property: -moz-transform, left, top;
	-moz-transition-duration: 0s;
	-moz-transform: translate3d(0px, 0, 0);
	-moz-transition-timing-function: ease;
	-o-transition-property: -o-transform, left, top;
	-o-transition-duration: 0s;
	-o-transform: translate3d(0px, 0, 0);
	-o-transition-timing-function: ease;
	-o-transform: translate(0px, 0px);
	-ms-transition-property: -ms-transform, left, top;
	-ms-transition-duration: 0s;
	-ms-transform: translate3d(0px, 0, 0);
	-ms-transition-timing-function: ease;
	transition-property: transform, left, top;
	transition-duration: 0s;
	transform: translate3d(0px, 0, 0);
	transition-timing-function: ease;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}

.swiper-free-mode>.swiper-wrapper {
	-webkit-transition-timing-function: ease-out;
	-moz-transition-timing-function: ease-out;
	-ms-transition-timing-function: ease-out;
	-o-transition-timing-function: ease-out;
	transition-timing-function: ease-out;
	margin: 0 auto;
}

.swiper-slide {
	float: left;
	-webkit-box-sizing: content-box;
	-moz-box-sizing: content-box;
	box-sizing: content-box;
}


/* IE10 Windows Phone 8 Fixes */

.swiper-wp8-horizontal {
	-ms-touch-action: pan-y;
}

.swiper-wp8-vertical {
	-ms-touch-action: pan-x;
}


/* ===============================================================
Your custom styles, here you need to specify container's and slide's
sizes, pagination, etc.
================================================================*/

.swiper-container {
	/* Specify Swiper's Size: */
	/*width:200px;
	height: 100px;*/
}

.swiper-slide {
	/* Specify Slides's Size: */
	/*width: 100%;
	height: 100%;*/
}

.swiper-slide-active {
	/* Specific active slide styling: */
}

.swiper-slide-visible {
	/* Specific visible slide styling: */
}


/* ===============================================================
Pagination Styles
================================================================*/

.swiper-pagination-switch {
	/* Stylize pagination button: */
}

.swiper-active-switch {
	/* Specific active button style: */
}

.swiper-visible-switch {
	/* Specific visible button style: */
}

.colorpicker {
	width: 350px;
	height: 170px;
	overflow: hidden;
	position: absolute;
	font-family: Arial, Helvetica, sans-serif;
	display: none;
	z-index: 999;
	border: 3px solid #BABABA;
	background-color: #121212;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}

.colorpicker input {
	line-height: normal;
	width: auto;
}

.colorpicker_color {
	width: 150px;
	height: 150px;
	left: 9px;
	top: 8px;
	position: absolute;
	background: #f00;
	overflow: hidden;
	cursor: crosshair;
	border: 2px solid #474848;
}

.colorpicker_color div {
	position: absolute;
	top: 0;
	left: 0;
	width: 150px;
	height: 150px;
	background: url("../images/overlay.png");
}

.colorpicker_color div div {
	position: absolute;
	top: 0;
	left: 0;
	width: 11px;
	height: 11px;
	overflow: hidden;
	background: url("../images/select.gif");
	margin: -5px 0 0 -5px;
}

.colorpicker_hue {
	position: absolute;
	top: 8px;
	left: 175px;
	width: 17px;
	height: 150px;
	cursor: n-resize;
	background: url("../images/select_hue.png");
	border: 2px solid #474848;
}

.colorpicker_hue div {
	position: absolute;
	width: 35px;
	height: 9px;
	overflow: hidden;
	background: url("../images/indic.gif") left top;
	margin: -4px 0 0 0;
	left: -9px;
}

.colorpicker_new_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 208px;
	top: 8px;
	background: #f00;
	border: 2px solid #474848;
}

.colorpicker_current_color {
	position: absolute;
	width: 60px;
	height: 30px;
	left: 278px;
	top: 8px;
	background: #f00;
	border: 2px solid #474848;
}

.colorpicker input {
	background-color: transparent;
	border: 1px solid transparent;
	position: absolute;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #898989;
	top: 2px;
	right: 10px;
	height: 16px !important;
	line-height: 16px !important;
	text-align: right;
	margin: 0;
	padding: 0;
	height: 13px;
	width: 30px;
	border: 1px solid #2f2f2f;
	padding: 0 5px !important;
	background-color: #121212;
}

.colorpicker_hex {
	position: absolute;
	width: 70px;
	height: 20px;
	left: 209px;
	top: 139px;
}

.colorpicker_hex input {
	right: 6px;
	width: 47px;
}

.colorpicker_field,
.colorpicker_hex {
	background: url("images/gradient_input.png") center repeat-x;
	// Fallback  background: -webkit-linear-gradient(top, #1A1A1A 0%, #303030 45%, #262525 47%, #2E2E2E 100%);
	background: -moz-linear-gradient(top, #1A1A1A 0%, #303030 45%, #262525 47%, #2E2E2E 100%);
	background: -ms-linear-gradient(top, #1A1A1A 0%, #303030 45%, #262525 47%, #2E2E2E 100%);
	background: -o-linear-gradient(top, #1A1A1A 0%, #303030 45%, #262525 47%, #2E2E2E 100%);
	background: linear-gradient(top, #1A1A1A 0%, #303030 45%, #262525 47%, #2E2E2E 100%);
	border: 1px solid #2f2f2f;
}

.colorpicker_field {
	height: 20px;
	width: 60px;
	background-position: top;
	position: absolute;
}

.colorpicker_focus,
.colorpicker_focus input {
	border: 1px solid #4d4b4b;
}

.colorpicker_field label,
.colorpicker_hex label {
	color: #D8D8D8;
	font-size: 11px;
	text-shadow: none;
	display: block;
	margin-left: 5px;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.colorpicker_field span {
	background-image: url("images/grabber.png");
	background-position: center;
	position: absolute;
	width: 12px;
	height: 20px;
	overflow: hidden;
	top: 0;
	right: 0;
	cursor: n-resize;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: -moz-none;
	-ms-user-select: none;
	-o-user-select: none;
	user-select: none;
}

.colorpicker_slider span {
	background: url("images/gradient_grabber.png") center;
	// Fallback  background: url("../images/grabber.png"), -webkit-linear-gradient(top, #909090 0%, #4d4c4c 100%);
	background: url("images/grabber.png"), -moz-linear-gradient(top, #909090 0%, #4d4c4c 100%);
	background: url("images/grabber.png"), -ms-linear-gradient(top, #909090 0%, #4d4c4c 100%);
	background: url("images/grabber.png"), -o-linear-gradient(top, #909090 0%, #4d4c4c 100%);
	background: url("images/grabber.png"), linear-gradient(top, #909090 0%, #4d4c4c 100%);
}

.colorpicker_rgb_r {
	top: 49px;
	left: 209px;
}

.colorpicker_rgb_g {
	top: 79px;
	left: 209px;
}

.colorpicker_rgb_b {
	top: 109px;
	left: 209px;
}

.colorpicker_hsb_h {
	top: 49px;
	left: 279px;
}

.colorpicker_hsb_s {
	top: 79px;
	left: 279px;
}

.colorpicker_hsb_b {
	top: 109px;
	left: 279px;
}

.colorpicker_submit {
	position: absolute;
	width: 22px;
	height: 22px;
	background: url("images/submit.png") top;
	left: 319px;
	top: 139px;
	overflow: hidden;
}

.colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	left: 35%;
	margin-top: 5px;
	margin-bottom: 5px;
	background: url("../select.png");
}

.colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url("../select.png") center;
}

.mCustomScrollbar {
	-ms-touch-action: pinch-zoom;
	touch-action: pinch-zoom
}

.mCustomScrollbar.mCS_no_scrollbar,
.mCustomScrollbar.mCS_touch_action {
	-ms-touch-action: auto;
	touch-action: auto
}

.mCustomScrollBox {
	position: relative;
	overflow: hidden;
	height: 100%;
	width: 100%;
	outline: 0;
	direction: ltr
}

.mCSB_container {
	overflow: hidden;
	width: auto;
	height: auto
}

.mCSB_inside>.mCSB_container {
	margin-right: 30px
}

.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-left: 30px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-left: 0
}

.mCSB_scrollTools {
	position: absolute;
	width: 16px;
	height: auto;
	left: auto;
	top: 0;
	right: 0;
	bottom: 0;
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_outside+.mCSB_scrollTools {
	right: -26px
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_scrollTools,
.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	right: auto;
	left: 0
}

.mCS-dir-rtl>.mCSB_outside+.mCSB_scrollTools {
	left: -26px
}

.mCSB_scrollTools .mCSB_draggerContainer {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	height: auto
}

.mCSB_scrollTools a+.mCSB_draggerContainer {
	margin: 20px 0
}

.mCSB_scrollTools .mCSB_draggerRail {
	width: 2px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCSB_scrollTools .mCSB_dragger {
	cursor: pointer;
	width: 100%;
	height: 30px;
	z-index: 1
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	position: relative;
	width: 4px;
	height: 100%;
	margin: 0 auto;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	text-align: center
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 12px
}

.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 8px
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonUp {
	display: block;
	position: absolute;
	height: 20px;
	width: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools .mCSB_buttonDown {
	bottom: 0
}

.mCSB_horizontal.mCSB_inside>.mCSB_container {
	margin-right: 0;
	margin-bottom: 30px
}

.mCSB_horizontal.mCSB_outside>.mCSB_container {
	min-height: 100%
}

.mCSB_horizontal>.mCSB_container.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	width: auto;
	height: 16px;
	top: auto;
	right: 0;
	bottom: 0;
	left: 0
}

.mCustomScrollBox+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: -26px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal a+.mCSB_draggerContainer {
	margin: 0 20px
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 2px;
	margin: 7px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 30px;
	height: 100%;
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 12px;
	margin: 2px auto
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 8px;
	margin: 4px 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft,
.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	display: block;
	position: absolute;
	width: 20px;
	height: 100%;
	overflow: hidden;
	margin: 0 auto;
	cursor: pointer
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonLeft {
	left: 0
}

.mCSB_scrollTools.mCSB_scrollTools_horizontal .mCSB_buttonRight {
	right: 0
}

.mCSB_container_wrapper {
	position: absolute;
	height: auto;
	width: auto;
	overflow: hidden;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	margin-right: 30px;
	margin-bottom: 30px
}

.mCSB_container_wrapper>.mCSB_container {
	padding-right: 30px;
	padding-bottom: 30px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 20px
}

.mCSB_vertical_horizontal>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 20px
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden+.mCSB_scrollTools.mCSB_scrollTools_vertical {
	bottom: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	right: 0
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 20px
}

.mCS-dir-rtl>.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden+.mCSB_scrollTools~.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	left: 0
}

.mCS-dir-rtl>.mCSB_inside>.mCSB_container_wrapper {
	margin-right: 0;
	margin-left: 30px
}

.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden>.mCSB_container {
	padding-right: 0
}

.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden>.mCSB_container {
	padding-bottom: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_y.mCS_y_hidden {
	margin-right: 0;
	margin-left: 0
}

.mCustomScrollBox.mCSB_vertical_horizontal.mCSB_inside>.mCSB_container_wrapper.mCS_no_scrollbar_x.mCS_x_hidden {
	margin-bottom: 0
}

.mCSB_scrollTools,
.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp,
.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerRail,
.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger_bar {
	-webkit-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-moz-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	-o-transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out;
	transition: width .2s ease-out .2s, height .2s ease-out .2s, margin-left .2s ease-out .2s, margin-right .2s ease-out .2s, margin-top .2s ease-out .2s, margin-bottom .2s ease-out .2s, opacity .2s ease-in-out, background-color .2s ease-in-out
}

.mCS-autoHide>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide>.mCustomScrollBox~.mCSB_scrollTools {
	opacity: 0;
	filter: "alpha(opacity=0)";
	-ms-filter: "alpha(opacity=0)"
}

.mCS-autoHide:hover>.mCustomScrollBox>.mCSB_scrollTools,
.mCS-autoHide:hover>.mCustomScrollBox~.mCSB_scrollTools,
.mCustomScrollBox:hover>.mCSB_scrollTools,
.mCustomScrollBox:hover~.mCSB_scrollTools,
.mCustomScrollbar>.mCustomScrollBox>.mCSB_scrollTools.mCSB_scrollTools_onDrag,
.mCustomScrollbar>.mCustomScrollBox~.mCSB_scrollTools.mCSB_scrollTools_onDrag {
	opacity: 1;
	filter: "alpha(opacity=100)";
	-ms-filter: "alpha(opacity=100)"
}

.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .4);
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85);
	filter: "alpha(opacity=85)";
	-ms-filter: "alpha(opacity=85)"
}

.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9);
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCSB_scrollTools .mCSB_buttonDown,
.mCSB_scrollTools .mCSB_buttonLeft,
.mCSB_scrollTools .mCSB_buttonRight,
.mCSB_scrollTools .mCSB_buttonUp {
	background-image: url(mCSB_buttons.png);
	background-repeat: no-repeat;
	opacity: .4;
	filter: "alpha(opacity=40)";
	-ms-filter: "alpha(opacity=40)"
}

.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 0
}

.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -20px
}

.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -40px
}

.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -56px
}

.mCSB_scrollTools .mCSB_buttonDown:hover,
.mCSB_scrollTools .mCSB_buttonLeft:hover,
.mCSB_scrollTools .mCSB_buttonRight:hover,
.mCSB_scrollTools .mCSB_buttonUp:hover {
	opacity: .75;
	filter: "alpha(opacity=75)";
	-ms-filter: "alpha(opacity=75)"
}

.mCSB_scrollTools .mCSB_buttonDown:active,
.mCSB_scrollTools .mCSB_buttonLeft:active,
.mCSB_scrollTools .mCSB_buttonRight:active,
.mCSB_scrollTools .mCSB_buttonUp:active {
	opacity: .9;
	filter: "alpha(opacity=90)";
	-ms-filter: "alpha(opacity=90)"
}

.mCS-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px auto
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px 0
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -20px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -40px
}

.mCS-light-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -56px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-2.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px 0
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -20px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -40px
}

.mCS-dark-2.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools .mCSB_draggerRail {
	width: 4px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 4px;
	margin: 6px 0
}

.mCS-dark-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 6px;
	margin: 5px auto
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-light-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px 0
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -20px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -40px
}

.mCS-light-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -56px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75);
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px 0
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -20px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -40px
}

.mCS-dark-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -56px
}

.mCS-light-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .1)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 2px
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%
}

.mCS-dark-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-thin.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 2px;
	margin: 7px auto
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-thin.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px 0
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -20px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -40px
}

.mCS-dark-thin.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -56px
}

.mCS-rounded.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger {
	height: 14px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 14px;
	margin: 0 1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 14px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 14px;
	margin: 1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	width: 16px;
	height: 16px;
	margin: -1px 0
}

.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded .mCSB_dragger_bar,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_dragger .mCSB_dragger_bar {
	height: 16px;
	width: 16px;
	margin: 0 -1px
}

.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded-dark.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-rounded.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonUp {
	background-position: 0 -72px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonDown {
	background-position: 0 -92px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: 0 -112px
}

.mCS-rounded.mCSB_scrollTools .mCSB_buttonRight {
	background-position: 0 -128px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .15)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -80px -72px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -80px -92px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -80px -112px
}

.mCS-rounded-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -80px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools_vertical .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_vertical .mCSB_draggerRail {
	width: 4px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	background-color: transparent;
	background-position: center
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url();
	background-repeat: repeat-y;
	opacity: .3;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-rounded-dots-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-rounded-dots.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	height: 4px;
	margin: 6px 0;
	background-repeat: repeat-x
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -16px -72px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -16px -92px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -20px -112px
}

.mCS-rounded-dots.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -20px -128px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-image: url()
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -96px -72px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -96px -92px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -100px -112px
}

.mCS-rounded-dots-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -100px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-y;
	background-image: -moz-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, right top, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(left, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	background-repeat: repeat-x;
	background-image: -moz-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255, 255, 255, .5)), color-stop(100%, rgba(255, 255, 255, 0)));
	background-image: -webkit-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -o-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: -ms-linear-gradient(top, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%);
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, .5) 0, rgba(255, 255, 255, 0) 100%)
}

.mCS-3d-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 70px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 70px
}

.mCS-3d-dark.mCSB_scrollTools,
.mCS-3d.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools .mCSB_draggerRail {
	width: 8px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .5), inset -1px 0 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 8px
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 8px;
	margin: 4px 0;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .5), inset 0 -1px 1px rgba(255, 255, 255, .2)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	width: 100%;
	height: 8px;
	margin: 4px auto
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1);
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1)
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools {
	opacity: 1;
	filter: "alpha(opacity=30)";
	-ms-filter: "alpha(opacity=30)"
}

.mCS-3d-thick-dark.mCSB_scrollTools,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer,
.mCS-3d-thick.mCSB_scrollTools,
.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px
}

.mCSB_inside+.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCSB_inside+.mCS-3d-thick.mCSB_scrollTools_vertical {
	right: 1px
}

.mCS-3d-thick-dark.mCSB_scrollTools_vertical,
.mCS-3d-thick.mCSB_scrollTools_vertical {
	box-shadow: inset 1px 0 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal,
.mCS-3d-thick.mCSB_scrollTools_horizontal {
	bottom: 1px;
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .5)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4);
	width: 12px;
	margin: 2px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4);
	height: 12px;
	width: auto
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #555
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #000;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-3d-thick.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-3d-thick-dark.mCSB_scrollTools {
	box-shadow: inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal {
	box-shadow: inset 0 1px 1px rgba(0, 0, 0, .1), inset 0 0 14px rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 1px 0 0 rgba(255, 255, 255, .4), inset -1px 0 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	box-shadow: inset 0 1px 0 rgba(255, 255, 255, .4), inset 0 -1px 0 rgba(0, 0, 0, .2)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #777
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerContainer {
	background-color: #fff;
	background-color: rgba(0, 0, 0, .05);
	box-shadow: inset 1px 1px 16px rgba(0, 0, 0, .1)
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-minimal.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-3d-thick-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	right: 0;
	margin: 12px 0
}

.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools+.mCSB_scrollTools.mCSB_scrollTools_horizontal,
.mCustomScrollBox.mCS-minimal-dark+.mCSB_scrollTools.mCSB_scrollTools_horizontal {
	bottom: 0;
	margin: 0 12px
}

.mCS-dir-rtl>.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical,
.mCS-dir-rtl>.mCSB_outside+.mCS-minimal.mCSB_scrollTools_vertical {
	left: 0;
	right: auto
}

.mCS-minimal-dark.mCSB_scrollTools_vertical .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_vertical .mCSB_dragger {
	height: 50px
}

.mCS-minimal-dark.mCSB_scrollTools_horizontal .mCSB_dragger,
.mCS-minimal.mCSB_scrollTools_horizontal .mCSB_dragger {
	width: 50px
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .2);
	filter: "alpha(opacity=20)";
	-ms-filter: "alpha(opacity=20)"
}

.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-minimal-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .5);
	filter: "alpha(opacity=50)";
	-ms-filter: "alpha(opacity=50)"
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools .mCSB_draggerRail {
	width: 6px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px
}

.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-light-3.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 6px;
	margin: 5px 0
}

.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_vertical.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	width: 12px
}

.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-dark-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_dragger.mCSB_dragger_onDrag_expanded+.mCSB_draggerRail,
.mCS-light-3.mCSB_scrollTools_horizontal.mCSB_scrollTools_onDrag_expand .mCSB_draggerContainer:hover .mCSB_draggerRail {
	height: 12px;
	margin: 2px 0
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-light-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-dark-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-dark-3.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools .mCSB_draggerRail {
	width: 12px;
	background-color: #000;
	background-color: rgba(0, 0, 0, .2)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	width: 6px;
	margin: 3px 5px;
	position: absolute;
	height: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_dragger .mCSB_dragger_bar {
	height: 6px;
	margin: 5px 3px;
	position: absolute;
	width: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0
}

.mCS-inset-2-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-3.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools_horizontal .mCSB_draggerRail,
.mCS-inset.mCSB_scrollTools_horizontal .mCSB_draggerRail {
	width: 100%;
	height: 12px;
	margin: 2px 0
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -32px -72px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -32px -92px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -40px -112px
}

.mCS-inset-2.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -40px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-2-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .1)
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonUp,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonUp {
	background-position: -112px -72px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonDown,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonDown {
	background-position: -112px -92px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonLeft,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonLeft {
	background-position: -120px -112px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_buttonRight,
.mCS-inset-dark.mCSB_scrollTools .mCSB_buttonRight {
	background-position: -120px -128px
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail,
.mCS-inset-2.mCSB_scrollTools .mCSB_draggerRail {
	background-color: transparent;
	border-width: 1px;
	border-style: solid;
	border-color: #fff;
	border-color: rgba(255, 255, 255, .2);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box
}

.mCS-inset-2-dark.mCSB_scrollTools .mCSB_draggerRail {
	border-color: #000;
	border-color: rgba(0, 0, 0, .2)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .6)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_draggerRail {
	background-color: #000;
	background-color: rgba(0, 0, 0, .6)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .75)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .85)
}

.mCS-inset-3.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #000;
	background-color: rgba(0, 0, 0, .9)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .75)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:hover .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .85)
}

.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger.mCSB_dragger_onDrag .mCSB_dragger_bar,
.mCS-inset-3-dark.mCSB_scrollTools .mCSB_dragger:active .mCSB_dragger_bar {
	background-color: #fff;
	background-color: rgba(255, 255, 255, .9)
}

.custom_template strong {
	font-size: inherit;
}

.custom_template .tab-pane {
	float: left;
	padding-left: 12px;
	padding-top: 12px;
}

.custom_template .tab-pane ul li {
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	width: 58px;
	height: 58px;
	border: 1px solid #ebebeb;
	overflow: hidden;
	cursor: move;
	z-index: 5;
}

.custom_template .tab-pane ul li span.icon {
	height: 38px;
	line-height: 36px;
	display: inline-block;
	width: 100%;
	text-align: center;
}

.custom_template .tab-pane ul li span.text {
	width: 100%;
	display: block;
	background-color: #f4f4f4;
	height: 20px;
	line-height: 18px;
	text-align: center;
	color: #666;
}

.custom_template .tab-pane ul li span i {
	display: inline-block;
	background: url(../images/shop_decorate/tab_pane_group_new.png) no-repeat;
	vertical-align: middle;
}

.custom_template .tab-pane ul li:hover span i {
	background: url(../images/shop_decorate/tab_pane_group_new_hover.png) no-repeat;
}

.custom_template .tab-pane ul li:hover {
	border: 1px solid #888888;
}

.custom_template .tab-pane ul li:hover span.text {
	background-color: #888888;
	color: #fff;
}

.custom_template .tab-pane ul li.tie span i {
	width: 38px;
	height: 30px;
	background: transparent url(../images/tie_normal.png) no-repeat
}

.custom_template .tab-pane ul li.tie span i:hover {
	width: 38px;
	height: 30px;
	background: transparent url(../images/tie.png) no-repeat
}

.custom_template .tab-pane ul li.shop_banner span i {
	width: 38px;
	height: 30px;
	background-position: 0 0;
}

.custom_template .tab-pane ul li.favorable span i {
	width: 38px;
	height: 22px;
	background-position: 0 -30px;
}

.custom_template .tab-pane ul li.coupon span i {
	width: 38px;
	height: 22px;
	background-position: 0 -52px;
}

.custom_template .tab-pane ul li.notice span i {
	width: 38px;
	height: 32px;
	background-position: 0 -74px;
}

.custom_template .tab-pane ul li.navs span i {
	width: 38px;
	height: 26px;
	background-position: 0 -106px;
}

.custom_template .tab-pane ul li.goods span i {
	width: 38px;
	height: 26px;
	background-position: 0 -132px;
}

.custom_template .tab-pane ul li.images span i {
	width: 38px;
	height: 36px;
	background-position: 0 -158px;
}

.custom_template .tab-pane ul li.swiper span i {
	width: 38px;
	height: 30px;
	background-position: 0 -194px;
}

.custom_template .tab-pane ul li.vedio span i {
	width: 38px;
	height: 38px;
	background-position: 0 -224px;
}

.custom_template .tab-pane ul li.title span i {
	width: 38px;
	height: 30px;
	background-position: 0 -262px;
}

.custom_template .tab-pane ul li.text span i {
	width: 38px;
	height: 28px;
	background-position: 0 -292px;
}

.custom_template .tab-pane ul li.tell span i {
	width: 38px;
	height: 28px;
	background-position: 0 -320px;
}

.custom_template .tab-pane ul li.blank span i {
	width: 38px;
	height: 26px;
	background-position: 0 -348px;
}

.custom_template .tab-pane ul li.comment span i {
	width: 38px;
	height: 30px;
	background-position: 0 -374px;
}

.custom_template .tab-pane ul li.technician span i {
	width: 38px;
	height: 32px;
	background-position: 0 -404px;
}

.custom_template .tab-pane ul li.serviceItem span i {
	width: 38px;
	height: 28px;
	background-position: 0 -436px;
}

.design-panel {
	float: left;
}


/* phone_bg */

.phone_bg {
	float: left;
	height: 640px;
	padding: 20px;
	overflow: hidden;
	background: url(../images/shop_decorate/phone_new.png) 20px 20px no-repeat;
	box-sizing: content-box;
	-ms-box-sizing: content-box;
	-moz-box-sizing: content-box;
	-webkit-box-sizing: content-box;
}

.phone_bg i.up {
	position: absolute;
	font-size: 80px;
	color: #fff;
	left: 55px;
	bottom: 2px;
	cursor: pointer;
}

.phone_bg i.down {
	position: absolute;
	font-size: 80px;
	color: #fff;
	left: 220px;
	bottom: -2px;
	cursor: pointer;
}

.phone_bg i.home {
	position: absolute;
	width: 42px;
	height: 42px;
	left: 140px;
	bottom: 16px;
	cursor: pointer;
}

.phone_bg .phone {
	margin-top: 64px;
	height: 516px;
	padding-right: 0;
	width: 293px;
}

.phone_bg .mCSB_container {
	padding-top: 8px;
}

.phone_bg .phone .hb_box {
	min-height: 500px;
	height: auto;
	box-sizing: content-box;
	background: #fbf9fe;
	overflow: visible;
}

.hb_box .item {
	width: 78px;
	height: 78px;
}

.hb_box .ui-state-placeholder {
	border: 1px #ff6600 dashed;
	min-height: 40px;
	width: 285px;
}


/* ���� begin */

.edit-panel-right {
	padding-left: 560px;
}

.edit-panel_outer {
	width: 340px;
	height: 680px;
	border: 1px solid #eee;
	overflow-y: scroll;
}

.edit-panel-right h3 {
	height: 25px;
	line-height: 25px;
	padding: 0 20px;
	margin: 0;
	font-size: 12px;
	color: #999;
	background-color: #f4f4f4;
}

.edit-panel-right .form-content {
	padding: 20px;
	padding-bottom: 0;
}

.edit-panel-right .form-content .title {
	margin-bottom: 5px;
	font-size: 12px;
	color: #333;
}

.edit-panel-right .form-content input[type=text] {
	padding: 0 10px;
	margin: 0;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.edit-panel-right .form-content .block {
	display: block;
	width: 100%;
}

.edit-panel-right .form-content textarea {
	display: block;
	width: 100%;
	height: 80px;
	padding: 0 10px;
	margin: 0;
	border: 1px solid #eee;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
}

.edit-panel-right .form-content input[type=text],
.edit-panel-right .form-content textarea {
	margin-bottom: 15px;
}

.edit-panel-right .form-group .control-label {
	line-height: 32px;
	font-size: 12px;
	font-weight: normal;
	margin-right: 10px;
	margin-bottom: 0;
}

.edit-panel-right .form-group .tips {
	padding-left: 55px;
	color: #666;
}

.edit-panel-right .form-content .save-box {
	border-top: 1px solid #eee;
	margin-top: 90px;
}

.edit-panel-right .form-content .save-box span {
	color: #666;
	font-size: 12px;
	line-height: 32px;
}

.edit-panel-right .gray_btn {
	border: 1px solid #ccc;
	color: #333;
	background-color: #ededed;
}

.edit-panel-right .blue_btn {
	background-color: #0076eb;
}


/* ���� end */

.edit-panel-con input[type="text"],
.edit-panel-con textarea {
	margin: 0;
}

.edit-panel-con select {
	margin-left: 0;
}

.edit-panel-con .bgee {
	margin-top: 10px;
	background-color: #ffeeee;
}

.design-panel .edit-panel {
	margin-left: 370px;
	min-height: 530px;
	min-width: 620px;
}

.design-panel .edit-panel .title {
	width: 100%;
	position: relative;
	height: 20px;
	line-height: 20px;
	position: relative;
}

.design-panel .edit-panel .title span {
	position: absolute;
	background: #fff;
	padding-right: 5px;
	z-index: 3;
	font-size: 12px;
}

.design-panel .edit-panel .title:after {
	content: "";
	border-top: 1px solid #eeeeee;
	position: absolute;
	left: 0;
	top: 11px;
	width: 100%;
}

.edit-panel-con {
	padding: 10px 0 20px;
}

.edit-panel-btn {
	border-top: 1px solid #eeeeee;
	margin-left: 370px;
	margin-bottom: 100px;
}

.edit-panel-page-name {
	margin-left: 380px;
	margin-top: 20px;
	min-width: 520px;
}

.edit-panel-page-name input[type='text'] {
	width: 268px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	margin: 0;
}

.edit-panel-page-name label {
	line-height: 36px;
	margin-right: 10px;
	text-align: right;
	width: 80px;
	font-weight: normal;
}

.edit-panel-page-name input[type='text'].error {
	background-color: #ffeeee;
	border-color: #ff0000;
	box-shadow: none;
	color: #ff0000;
}

.controls .help-inline {
	color: #ff0000;
	margin-left: 10px;
}


/*���������ʽ*/

.Kongtishi {
	position: absolute;
	left: 0px;
	top: 0px;
	z-index: 1;
	font-size: 32px;
	color: #d7d7d7;
	text-align: center;
	line-height: 50px;
	padding-top: 180px;
	width: 285px;
}

.panel-comp {
	cursor: move;
	position: relative;
	width: 285px;
	background: #fff;
	margin-bottom: 8px;
}

.panel-comp[comptype=goods],
.panel-comp[comptype=coupon] {
	background: transparent;
}

.panel-comp .actions {
	position: absolute;
	width: 16px;
	height: 16px;
	top: -8px;
	right: -8px;
	z-index: 5;
	display: none;
	background: url(../images/shop_decorate/ct_module_detele.png) 0 0 no-repeat;
	cursor: pointer;
}

.panel-comp:hover .actions,
.panel-comp.active .actions {
	display: block;
}

.panel-comp .focus {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 1px #eb0000 dashed;
	z-index: 4;
	display: none;
	box-sizing: border-box;
}

.panel-comp:hover .focus,
.panel-comp.active .focus {
	display: block;
}


/*�齨�����б���ʽ*/

.com-list-box-choice {
	background: #f4f4f4;
	width: 526px;
	height: 80px;
	padding: 10px 20px 10px 10px;
	box-sizing: content-box;
	position: relative;
	margin-bottom: 12px;
}

.com-list-box-choice-pic {
	position: relative;
	background-color: #fff;
	width: 80px;
	height: 80px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ebebeb;
}

.com-list-box-choice-pic span.upload-layer {
	width: 100%;
	display: block;
	position: absolute;
	left: 0;
	bottom: 0;
	height: 24px;
	line-height: 24px;
	background: #000;
	opacity: 0.2;
	color: #fff;
	font-size: 12px;
	display: none
}

.com-list-box-choice-pic.upload {
	cursor: pointer;
}

.com-list-box-choice-pic img {
	display: block;
	width: 80px;
	height: 80px;
}

.com-list-box-choice-pic .default-text {
	position: absolute;
	color: #ebebeb;
	left: 0;
	top: 26px;
	right: 0;
	/*	width:24px;
	height: 30px*/
}

.com-list-box-choice-pic .default-text span {
	display: block;
	line-height: 14px;
}

.com-list-box-delete {
	position: absolute;
	background: #eee;
	width: 20px;
	height: 100%;
	right: 0;
	top: 0;
	cursor: pointer;
}

.com-list-box-delete i {
	background: url(../images/operategroup.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	background-position: 0 -40px;
	margin: 40px 0;
}

.com-list-box-operate {
	padding: 15px 0;
	position: relative;
	width: 70px;
}

.com-list-box-operate a {
	position: absolute;
	left: 50%;
	margin-left: -20px;
}

.com-list-box-operate a.arrow-up,
.com-list-box-operate a.arrow-down {
	text-decoration: underline;
}

.com-list-box-operate a.arrow-up {
	top: 13px;
}

.com-list-box-operate a.arrow-down {
	bottom: 13px;
}

.com-list-box-operate a i {
	color: #acacac;
}

.com-list-box-choice:first-child .com-list-box-operate a.arrow-up {
	display: none;
}

.com-list-box-choice:last-child .com-list-box-operate a.arrow-down {
	display: none;
}

.tb_box .table td:first-child {
	border-right: none;
	padding-right: 0;
	vertical-align: middle;
	padding-left: 10px;
}

#goodsLayer {
	min-height: 450px;
	overflow: hidden;
}

#goodsLayer h4.title_text {
	margin-top: 12px;
}

#dishesLayer .price .original_price,
#dishesLayer .price .present_price {
	display: block;
	line-height: 16px;
}

#dishesLayer .price .present_price {
	color: red;
}

#dishesLayer .price .original_price {
	text-decoration: line-through;
}

#dishesLayer .price .show_price {
	color: red;
}

.swiper-pagination {
	text-align: center;
	position: absolute;
	z-index: 20;
	left: 0;
	bottom: 5px;
	width: 100%;
}

.swiper-pagination-switch {
	display: inline-block;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	background: #222;
	margin-right: 5px;
	opacity: 0.8;
	border: 1px solid #fff;
	cursor: pointer;
}

.swiper-visible-switch {
	background: #aaa;
}

.swiper-active-switch {
	background: #fff;
}

.mCSB_outside+.mCS-minimal-dark.mCSB_scrollTools_vertical {
	right: -5px;
}

#couponsLayer td {
	line-height: 20px;
}

#couponsLayer td span {
	color: #999999;
}


/*����panel ��ʼ*/

p,
ul {
	margin-bottom: 0;
}


/*ģ�湫����ʽ*/

.STH_shop_banner {
	position: relative;
	background: #fbf9fe;
}

.si_img {
	position: relative;
	width: 100%;
}

.si_img .shade {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-image: -moz-linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -webkit-linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
	background-image: -ms-linear-gradient( 90deg, rgba(0, 0, 0, 0.2) 0%, rgba(0, 0, 0, 0) 100%);
}

.si_time {
	background: #fff;
	display: table;
}

.si_time>div {
	display: table-cell;
}

.si_time .si_time_left {
	width: 234px;
}

.si_time .time_box {
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.si_time .time_icon {
	width: 12px;
	height: 12px;
	margin-top: -5px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/shop_decorate/shop_banner/time_icon.png) no-repeat;
	background-size: 100%;
}

.si_time .icon_box {
	margin: 0 0 0 20px;
	overflow: hidden;
}

.si_time .icon_box span {
	margin: 3px 10px 3px 0;
}


/*.si_time .icon_box span:first-child{
  display: block;
}*/

.si_time_right {
	width: 44px;
	text-align: center;
	border-left: 1px #ececec solid;
	position: relative;
}

.si_time_right .phone_icon {
	width: 22px;
	height: 21px;
	background: url(../images/shop_decorate/shop_banner/phone_icon.png) no-repeat center;
	background-size: 100%;
	position: absolute;
}

.si_data {
	background: #fff;
}

.si_data .list {
	overflow: hidden;
	border-top: none;
	line-height: 30px;
	margin-left: 5px;
}

.si_data .list li {
	position: relative;
}

.si_data .list li a {
	display: block;
	border-top: 1px #ececec solid;
	border-bottom: none;
}

.si_data .list li .data_box {
	height: 32px;
	line-height: 32px;
	color: #333;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	margin-right: 20px;
}

.si_data .list li .data_box .data_icon {
	width: 9px;
	height: 12px;
	margin-top: -1px;
	display: inline-block;
	vertical-align: middle;
	background: url(../images/shop_decorate/shop_banner/data_icon.png) no-repeat;
	background-size: 100%;
}

.si_data .list li .right_icon {
	position: absolute;
	right: 10px;
	top: 0;
	height: 32px;
	line-height: 32px;
}

.si_data .list li .right_icon .right {
	background: url(../images/shop_decorate/shop_banner/right_icon.png) no-repeat center right;
	background-size: 100%;
	display: inline-block;
	width: 6px;
	height: 10px;
	vertical-align: middle;
}


/*��ʽ1*/

.pattern1 .si_img {
	height: 125px;
}

.pattern1 .si_img .banner_img {
	width: 100%;
	height: 125px;
}

.pattern1 .si_img .name_p {
	position: absolute;
	bottom: 10px;
	left: 20px;
	/*right: 2.5rem;*/
	font-size: 16px;
	color: #fff;
	font-family: ����;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pattern1 .si_img .logo_box {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	bottom: -30px;
	right: 10px;
	-webkit-box-shadow: 0 0 5px #dedde1;
	-moz-box-shadow: 0 0 5px #dedde1;
	box-shadow: 0 0 5px #dedde1;
}

.pattern1 .si_img .logo_box img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.pattern1 .si_list {
	padding: 5px 80px 0 5px;
	background: #fff;
	border-bottom: 1px #ececec solid;
	min-height: 42px;
}

.pattern1 .si_list .list_ul {
	display: table;
	width: 100%;
	margin-bottom: 5px;
}

.pattern1 .si_list .list_ul li {
	display: table-cell;
	text-align: center;
	box-sizing: border-box;
	position: relative;
	border-right: 1px #ececec solid;
	width: 1%;
}

.pattern1 .si_list .list_ul li:last-child {
	border: 0;
}

.pattern1 .si_list .list_ul li span {
	color: #333;
}

.pattern1 .si_list .list_ul li p {
	color: #999;
}

.icon_box span {
	width: 20px;
	height: 15px;
	margin-right: 10px;
	border: 1px #666 solid;
	border-radius: 3px;
	display: block;
	float: left;
	background: url(../images/shop_decorate/shop_banner/set_gray.png) no-repeat;
	background-size: 20px;
	box-sizing: border-box;
}

.pattern1 .icon_box span.wifi,
.pattern2 .icon_box span.wifi,
.pattern3 .icon_box span.wifi {
	background-position: 0 0;
}

.pattern1 .icon_box span.park,
.pattern2 .icon_box span.park,
.pattern3 .icon_box span.park {
	background-position: 0 -15px;
}

.pattern1 .icon_box span.bath,
.pattern2 .icon_box span.bath,
.pattern3 .icon_box span.bath {
	background-position: 0 -30px;
}

.pattern1 .icon_box span.food,
.pattern2 .icon_box span.food,
.pattern3 .icon_box span.food {
	background-position: 0 -45px;
}

.pattern1 .si_time,
.pattern3 .si_time {
	padding: 5px 0 5px 5px;
}


/*��ʽ2*/

.pattern2 .si_img {
	height: 90px;
}

.pattern2 .si_img .banner_img {
	width: 100%;
	height: 90px;
}

.pattern2 .si_img .name_p {
	position: absolute;
	top: 15px;
	left: 85px;
	right: 20px;
	font-size: 16px;
	color: #fff;
	font-family: ����;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
}

.pattern2 .si_img .logo_box {
	position: absolute;
	width: 60px;
	height: 60px;
	border-radius: 5px;
	top: 20px;
	left: 10px;
}

.pattern2 .si_img .logo_box img {
	width: 100%;
	height: 100%;
	border-radius: 5px;
}

.pattern2 .si_list {
	background: #fff;
	border-bottom: 1px #ececec solid;
}

.pattern2 .si_list .list_ul {
	display: table;
	width: 100%;
}

.pattern2 .si_list .list_ul li {
	display: table-cell;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0;
	width: 1%;
}

.pattern2 .si_list .list_ul li a {
	display: block;
	border-right: 1px #ececec solid;
}

.pattern2 .si_list .list_ul li:last-child {
	border: 0;
}

.pattern2 .si_list .list_ul li span {
	color: #333;
}

.pattern2 .si_list .list_ul li p {
	color: #999;
	font-size: 12px;
}

.pattern2 .si_time {
	color: #fff;
}

.pattern2 .si_time .time_box {
	position: absolute;
	top: 38px;
	left: 85px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	color: #fff;
	font-size: 12px;
}

.pattern2 .icon_box {
	position: absolute;
	top: 60px;
	left: 85px;
	margin-left: 0;
}

.pattern2 .si_time .time_icon {
	background: url(../images/time_white.png) no-repeat;
	background-size: 100%;
}

.pattern2 .si_time_right {
	position: absolute;
	width: 24px;
	height: 21px;
	line-height: 21px;
	top: 54px;
	right: 0;
	background: #fff;
	border-radius: 9999px 0 0 9999px;
}

.pattern2 .si_time_right .phone_icon {
	width: 10px;
	height: 10px;
	display: inline-block;
	background: url(../images/phone_icon.png) no-repeat;
	background-size: 100%;
	vertical-align: middle;
	margin: 6px 0 0 8px;
	top: 0;
	left: 0;
}

.pattern2 .si_data {
	background: #fff;
}

.pattern2 .list {
	overflow: hidden;
	border-top: none;
	line-height: 1.25rem;
}

.pattern2 .list {
	position: relative;
}

.pattern2 .list li a {
	border-top: none;
}


/*��ʽ3*/

.pattern3 .si_img {
	height: 160px;
}

.pattern3 .si_img .banner_img {
	width: 100%;
	height: 160px;
}

.pattern3 .si_img .name_p {
	position: absolute;
	bottom: 0;
	left: 40px;
	right: 0;
	font-size: 16px;
	color: #fff;
	background-color: rgba(0, 0, 0, 0.8);
	height: 40px;
	line-height: 40px;
	font-family: '����';
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	padding-left: 4px;
}

.pattern3 .si_img .logo_box {
	position: absolute;
	width: 40px;
	height: 40px;
	bottom: 0;
	left: 0;
}

.pattern3 .si_img .logo_box img {
	width: 100%;
	height: 100%;
}

.pattern3 .si_list {
	background: #fff;
	border-bottom: 1px #ececec solid;
}

.pattern3 .si_list .list_ul {
	display: table;
	width: 100%;
}

.pattern3 .si_list .list_ul li {
	display: table-cell;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0;
	position: relative;
	width: 1%;
}

.pattern3 .si_list .list_ul li a {
	display: block;
	border-right: 1px #ececec solid;
}

.pattern3 .si_list .list_ul li:last-child {
	border: 0;
}

.pattern3 .si_list .list_ul li span {
	color: #333;
}

.pattern3 .si_list .list_ul li p {
	color: #999;
}

.pattern3 .si_time {
	position: relative;
}


/*��ӭ����*/

.loading_aui-bar-tab {
	position: relative;
	top: auto;
	bottom: 0;
	table-layout: fixed;
	background-color: #ffffff;
	text-align: center;
	height: 60px;
	width: 100%;
}

.loading_box {
	position: relative;
	table-layout: fixed;
	top: 7px;
	width: 100%;
	background-color: #ffffff;
}

.loading_box img {
	height: 100%;
	width: 100%;
	border: 0;
}

.loading_box #cricleimg {
	position: absolute;
	right: 10px;
	top: 10px;
	z-index: 20;
	width: 40px;
	height: 40px;
	border-radius: 40px;
	background-color: #d1d1d1;
	color: #fff;
	text-align: center;
	font-size: 12px;
}

.loading_alert-circle {
	position: absolute;
	top: 20px;
	right: 20px;
	width: 60px;
	height: 60px;
}

.loading_alert-sec-circle {
	stroke-dashoffset: 0;
	stroke-dasharray: 170;
	transition: stroke-dashoffset 1s linear
}

.loading_alert-sec-text {
	position: absolute;
	top: 40px;
	right: 37px;
	color: #000;
	font-size: 12px;
}

.loading_alert-sec-text:hover {
	color: #666;
}


/*�����e*/

.pattern1 .si_img.catering .logo_box {
	position: absolute;
	width: 40px;
	height: 40px;
	border-radius: 5px;
	bottom: 10px;
	left: 10px;
	border: 1px solid #fff;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	box-shadow: none;
	overflow: hidden;
}

.pattern1 .si_img.catering .name_p {
	left: 60px;
	bottom: 18px;
}

.si_list.catering {
	padding-top: 0;
	padding-right: 0
}

.si_list.catering .list_ul li.eat_in span {
	display: inline-block;
	background: url(../images/shop_decorate/shop_banner/catering/ic_tc.png) no-repeat;
	width: 14px;
	height: 13px;
	background-size: 100%;
	margin-right: 5px;
	vertical-align: middle;
}

.si_list.catering .list_ul li.take_out span {
	display: inline-block;
	background: url(../images/shop_decorate/shop_banner/catering/ic_wm.png) no-repeat;
	width: 18px;
	height: 14px;
	background-size: 100%;
	margin-right: 5px;
	vertical-align: middle;
}

.si_list.catering .list_ul {
	margin-bottom: 0;
}

.si_list.catering .list_ul li {
	padding: 10px 0;
}

.pattern2 .si_list.catering .list_ul li {
	padding: 0
}

.pattern2 .si_list.catering .list_ul li a {
	padding: 10px;
}

.pattern3 .si_list.catering .list_ul li {
	padding: 0
}

.pattern3 .si_list.catering .list_ul li a {
	padding: 10px;
}


/*�����e*/


/*����panel ����*/


/*����edit ��ʼ*/

.STH_shop-banner_edit div {
	font-size: 12px;
}

.STH_shop-banner_edit .left {
	width: 80px;
	float: left;
	color: #333333;
	text-align: right;
}

.STH_shop-banner_edit .right {
	box-sizing: border-box;
	color: #666;
	overflow: hidden;
	margin-left: 90px;
}

.STH_shop-banner_edit .avatar_box_banner {
	width: 192px;
	height: 102px;
	display: inline-block;
	margin-right: 10px;
	float: left;
	position: relative;
}

.STH_shop-banner_edit .avatar_box_banner {
	position: relative;
}

.STH_shop-banner_edit .avatar_box_banner img {
	width: 100%;
	height: 100%;
}

.STH_shop-banner_edit .avatar_box_banner .bottom_bg {
	background: rgba(0, 0, 0, 0.6);
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	z-index: 50;
	display: none;
}

.STH_shop-banner_edit .right label {
	font-weight: normal;
	color: #000;
	width: 76px;
}

.STH_shop-banner_edit .icheckbox_minimal-yellow {
	margin-top: 4px !important;
	margin-right: 6px !important;
}

.edit-panel-con-shop-banner {
	overflow: hidden;
}

.STH_shop-banner_edit .shop-banner_module ul {
	margin-bottom: 0;
}

.STH_shop-banner_edit .shop-banner_module ul li {
	float: left;
	width: 160px;
	height: 200px;
	border: 1px solid #ebebeb;
	margin-right: 22px;
	box-sizing: border-box;
	cursor: pointer;
}

.STH_shop-banner_edit .shop-banner_module ul li img {
	width: 100%;
	height: 100%;
}

.STH_shop-banner_edit .shop-banner_module ul li:nth-child(3n) {
	margin-right: 0;
}

.STH_shop-banner_edit .shop-banner_module ul li.active {
	border: 1px solid #888;
}

.STH_shop-banner_edit .control_group {
	margin-bottom: 20px;
}

.STH_shop-banner_edit p.tips span {
	display: block;
	line-height: 16px;
}

.control_group_avatar .left {
	line-height: 102px;
}


/*����edit ����*/


/*����panel ��ʼ*/

.notice-box {
	background: #f4f4f4;
	height: 30px;
	line-height: 30px;
	position: relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	word-break: word-break;
	padding: 0 0 0 40px;
	width: 100%;
	box-sizing: border-box;
}

.notice-box:before {
	content: '';
	background: url(../images/shop_decorate/notice.png) no-repeat;
	width: 18px;
	height: 14px;
	position: absolute;
	left: 10px;
	top: 8px;
}


/*����panel ����*/


/*����edit ��ʼ*/

.edit-inner-notice {
	margin: 20px 0 0 32px;
	vertical-align: top;
}

.edit-inner-notice label {
	font-weight: normal;
}

.edit-inner-notice .notice_text {
	height: 50px;
	padding: 5px;
	width: 280px;
	border-radius: 3px;
	border: 1px solid #eee;
	line-height: 20px;
	margin-left: 14px;
}


/*����edit ����*/


/*�ͷ��绰panel ��ʼ*/

.STH_vedio_box {
	text-align: center;
	height: auto;
	overflow: hidden;
	line-height: 0;
}

.STH_vedio_box div {
	vertical-align: middle;
	line-height: 160px;
	color: #FFFFFF;
	font-size: 20px;
	background: #d4d4d4;
}

.STH_vedio_box iframe {
	display: none;
}


/*�ͷ��绰panel ����*/


/*�ͷ��绰edit ��ʼ*/

.STH_vedio_edit {
	padding: 20px 0;
}

.STH_vedio_edit div {
	line-height: 32px;
	font-size: 12px;
}

.STH_vedio_edit .left {
	width: 80px;
	float: left;
	color: #333333;
	text-align: right;
}

.STH_vedio_edit .right {
	padding-left: 90px;
	box-sizing: border-box;
	color: #666;
}

.STH_vedio_edit textarea {
	border-radius: 3px;
	width: 450px;
	height: 110px;
	line-height: 24px;
	padding-top: 4px;
}

.STH_vedio_edit textarea::-webkit-input-placeholder:after {
	display: block;
	content: '���磺<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=u0019m88fi6&tiny=0&auto=0" allowfullscreen></iframe> \A';
}


/* Mozilla Firefox 4 to 18 */

.STH_vedio_edit textarea:-moz-placeholder:after {
	display: block;
	content: '���磺<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=u0019m88fi6&tiny=0&auto=0" allowfullscreen></iframe> \A';
}


/* Mozilla Firefox 19+ */

.STH_vedio_edit textarea::-moz-placeholder:after {
	display: block;
	content: '���磺<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=u0019m88fi6&tiny=0&auto=0" allowfullscreen></iframe> \A';
}


/* Internet Explorer 10+ */

.STH_vedio_edit textarea:-ms-input-placeholder:after {
	display: block;
	content: '���磺<iframe frameborder="0" width="640" height="498" src="http://v.qq.com/iframe/player.html?vid=u0019m88fi6&tiny=0&auto=0" allowfullscreen></iframe> \A';
}

.STH_vedio_edit p {
	padding-left: 6px;
	line-height: 12px;
}


/*�ͷ��绰edit ����*/


/*�ͷ��绰panel ��ʼ*/

.STH_title_box {
	position: relative;
	background: #f4f4f4;
	height: 36px;
	line-height: 36px;
}

.STH_title_box a {
	display: block;
	padding: 0 10px;
	color: #333333;
	height: 36px;
	line-height: 36px;
}

.STH_title_box span {
	float: left;
	display: inline-block;
	width: 160px;
	height: 36px;
	line-height: 36px;
	text-overflow: ellipsis;
	white-space: nowrap;
	overflow: hidden;
}

.STH_title_box img {
	float: left;
	width: 20px;
	height: 20px;
	margin-top: 8px;
	font-size: 24px;
	margin-right: 8px;
}

.STH_title_box label {
	position: absolute;
	top: 0;
	right: 20px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
}

.STH_title_box i {
	display: none;
	position: absolute;
	top: 0;
	right: 10px;
	height: 36px;
	line-height: 36px;
	font-size: 18px;
	color: #666666;
}


/*�ͷ��绰panel ����*/


/*�ͷ��绰edit ��ʼ*/

.STH_title_edit {
	padding: 20px 0;
}

.STH_title_edit>div {
	line-height: 32px;
	font-size: 12px;
	margin-bottom: 18px;
}

.STH_title_edit>.left {
	width: 80px;
	float: left;
	color: #333333;
	text-align: right;
}

.STH_title_edit>.right {
	padding-left: 90px;
	color: #666;
}

.STH_title_edit input {
	border-radius: 3px;
}

.STH_title_edit input[name=title] {
	width: 280px;
}

.STH_title_edit input[name=right] {
	width: 98px;
}

.STH_title_select {
	height: 32px;
}

.STH_title_select .weipage_url {
	display: inline-block;
	width: 138px;
	height: 34px;
	padding: 0 10px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 34px;
	margin-left: 5px;
}

.STH_title_select .selectbox {
	display: inline-block;
	width: 180px;
	margin-right: 5px;
	float: left;
}

.STH_title_select .selectbox i {
	color: #666666;
}

.STH_title_select .selectbox:first-child {
	width: 120px;
}

.STH_title_img {
	padding: 10px 0 0 5px;
}

.STH_title_img img {
	margin-bottom: 6px;
	width: 80px;
	height: 80px;
}

.STH_title_edit .is_show_pic {
	margin-top: 4px !important;
	margin-right: 6px !important;
}


/*�ͷ��绰edit ����*/


/*�ͷ��绰panel ��ʼ*/

.STH_tell_box {
	position: relative;
	background: #FFFFFF;
	padding: 0 10px;
	height: 36px;
	line-height: 36px;
}

.STH_tell_box span {
	float: left;
	height: 36px;
	line-height: 36px;
	font-size: 12px;
}

.STH_tell_box i {
	float: left;
	padding-top: 7px;
	font-size: 24px;
	margin-right: 8px;
}

.STH_tell_box label {
	position: absolute;
	top: 0;
	right: 10px;
	height: 36px;
	line-height: 36px;
	font-weight: normal;
	font-size: 12px;
}


/*�ͷ��绰panel ����*/


/*�ͷ��绰edit ��ʼ*/

.STH_tell_edit {
	padding: 20px 0;
}

.STH_tell_edit div {
	line-height: 32px;
	font-size: 12px;
}

.STH_tell_edit .left {
	width: 80px;
	float: left;
	color: #333333;
	text-align: right;
}

.STH_tell_edit .right {
	padding-left: 90px;
	box-sizing: border-box;
	color: #666;
}

.STH_tell_edit input {
	border-radius: 3px;
	width: 170px;
}


/*�ͷ��绰edit ����*/


/*�õ�Ƭpanel ��ʼ*/

.STH_swiper_box {
	width: 100%;
	height: 160px;
}

.STH_swiper_box .swiper-slide img {
	width: 100%;
	height: 100%;
}


/*�õ�Ƭpanel ����*/


/*�õ�Ƭedit ��ʼ*/

.STH_swiper_edit .sw_input {
	height: 20px;
	padding: 5px;
	line-height: 30px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
}

.STH_swiper_edit .form_play {
	margin-top: 20px;
}

.STH_swiper_edit .form_play .sw_tips {
	margin: 0 0 0 90px;
	color: #666;
}

.STH_swiper_edit .form_play .control-label {
	width: 80px;
	float: left;
	line-height: 32px;
	text-align: right;
	font-weight: normal;
}

.STH_swiper_edit .form_play .controls {
	margin-left: 85px;
}

.STH_swiper_edit .form_play .controls .sw_input1 {
	width: 100px;
}

.STH_swiper_edit .sw_imgbox {
	margin: 0 0 0 32px;
}

.STH_swiper_edit .sw_imgbox .sw_imgbtn a {
	margin-left: 0;
}

.STH_swiper_edit .sw_imgbox .sw_upload {
	display: table;
}

.STH_swiper_edit .sw_imgbox .sw_upload>div {
	vertical-align: top;
	display: table-cell;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting {
	height: 80px;
	color: #666;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting .form-group:last-child {
	margin-bottom: 0;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting .control-label {
	width: 70px;
	line-height: 30px;
	text-align: right;
	float: left;
	font-weight: normal;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting .controls {
	margin: 0 0 0 80px;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting .controls .sw_input2 {
	width: 200px;
}

.STH_swiper_edit .sw_imgbox .sw_upload .sw_setting .controls .sw_select2 .selectbox {
	width: 160px;
}

.STH_swiper_edit .weixin_url {
	width: 138px;
	height: 34px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 34px;
	display: none;
	float: left;
	margin: 0;
}

.STH_swiper_edit .weipage_url {
	width: 138px;
	height: 34px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 34px;
	display: none;
	float: left;
	margin: 0;
}

.STH_swiper_edit .pic_pid {
	width: 138px;
	height: 34px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 34px;
	display: none;
	float: left;
	margin: 0;
}


/*�õ�Ƭedit ����*/


/*����հ�panel ��ʼ*/

.blank-box {
	position: relative;
	padding: 12px 0;
}

.blank-box-p {
	height: 10px;
	background: #DCDADA;
	margin: 0;
}


/*����հ�panel ����*/


/*����հ�edit ��ʼ*/

.STH_blank_edit {
	padding: 20px 0;
}

.STH_blank_edit .left {
	width: 80px;
	float: left;
	color: #333;
	text-align: right;
}

.STH_blank_edit .right {
	padding-left: 110px;
	box-sizing: border-box;
	color: #333;
}


/*�����ʽ*/

.ui-slider {
	position: relative;
	margin: 5px 0 0 0;
	float: left;
}

.ui-slider-horizontal {
	width: 200px;
	height: 10px;
}

.ui-widget-content {
	background: #eee;
}

.ui-corner-all {
	border-radius: 4px;
}

.ui-state-default {
	border: 3px solid #f60;
	background: #fff;
	border-radius: 100%;
}

.ui-slider-handle {
	top: -3px;
	margin-left: -8px;
}

.ui-slider .ui-slider-handle {
	position: absolute;
	z-index: 1;
	width: 16px;
	height: 16px;
	cursor: pointer;
}

.STH_blank_edit .right {
	position: relative;
	height: 60px;
}

.STH_blank_edit .total {
	position: absolute;
	left: 330px;
	top: -5px;
}

.blank-p {
	position: absolute;
	left: 0;
	margin-left: 83px;
	margin-top: 5px;
}

input.blank-tips {
	width: 50px;
	height: 25px;
	line-height: 25px;
	background: #eee;
	text-align: center;
	border: 0;
	border-radius: 3px;
	padding: 0 2px;
	position: relative;
}

.demo {
	width: 220px;
	margin-top: 5px;
}

.slider-container .back-bar .pointer {
	cursor: pointer;
}

.slider-container .back-bar .pointer-label {
	/*�����ϱ�ߵ������С������ɫ��λ��*/
	position: absolute;
	top: 20px;
	background: none;
	z-index: 3;
	display: none;
}

.theme-green .back-bar {
	/*����������*/
	height: 10px;
	/*�������ĸ߶�*/
	border-radius: 4px;
	background-color: #eee;
}

.theme-green .back-bar .selected-bar {
	/*��ѡ�еĹ�����*/
	border-radius: 4px;
	background-color: #eee;
	background-repeat: repeat-x;
	background-image: linear-gradient(to bottom, #EEE, #EEE);
}

.theme-green .back-bar .pointer {
	/*��������*/
	width: 16px;
	height: 16px;
	top: -3px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	border-radius: 10px;
	border: 3px solid #f60;
	background-color: #fff;
}

.tetxShow {
	background: url(../images/shop_decorate/STH_blank_icon.png) no-repeat;
	width: 50px;
	height: 30px;
	position: absolute;
	left: 50px;
	top: 18px;
	z-index: 1;
	font-size: 12px;
	text-align: center;
	line-height: 32px;
	margin-left: 87px;
}

.slider-container .clickable-dummy {
	display: none;
}


/*��ɫ*/

.colorselector {
	display: inline-block;
	width: 42px;
	height: 32px;
	position: relative;
	border: 1px solid #ebebeb;
	vertical-align: middle;
	margin-bottom: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.colorselector div {
	height: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.colorselector .iconbox {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background-color: #eee;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}


/*����հ�edit ����*/


/*��Ʒedit ��ʼ*/

.edit-inner-goods {
	margin-left: 32px;
}

.edit-inner-goods .control-group {
	height: 40px;
}

.edit-inner-goods label {
	font-weight: normal;
}

.edit-inner-goods .good-list-show .choice .dec {
	height: 80px;
	line-height: 80px;
}

.edit-inner-goods .controls.list-type label {
	margin: 0 50px 0 0;
	float: left !important;
}


/*********************/

.edit-inner-goods .controls.list-type label:nth-of-type(2) {}


/*********************/

.edit-inner-goods .controls.list-type .iradio_square-yellow {
	margin-right: 5px !important;
}

.edit-inner-goods .controls.list-price .icheckbox_minimal-yellow {
	margin-top: 3px !important;
}

.edit-inner-goods .good-list-show .choice .dec span {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	font-size: 12px;
	margin-left: 10px;
	max-height: 52px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.edit-inner-goods .goodsPricePrevious span,
.goodsPriceNow span,
.goodsSales span {
	display: block;
	font-size: 12px;
}

.edit-inner-goods .choice {
	display: table;
}

.edit-inner-goods .choice>div {
	vertical-align: top;
	display: table-cell;
}

.edit-inner-goods .goodsPic {
	width: 80px;
}

.edit-inner-goods .goodsPricePrevious,
.goodsPriceNow,
.goodsSales {
	width: 100px;
	text-align: center;
}

.edit-inner-goods .selectbox {
	float: left;
	margin-right: 8px;
}

.edit-inner-goods .control-group.list-grop label {
	line-height: 30px;
}

.edit-inner-goods .list-grop a.btn {
	height: 36px;
	line-height: 34px;
	margin-left: 8px
}


/*��Ʒedit ����*/


/*��Ʒpanel ��ʼ*/

.comp-body-goods .label-waring {
	background-color: #fd6801;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 5px;
	display: inline-block;
}

.comp-body-goods .goods-list {
	background: transparent;
	/*margin-bottom: 8px;*/
	/*border-bottom: 1px solid #eee;*/
}

.comp-body-goods .goods-list h3 {
	/*border-bottom: 1px solid #eee;*/
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin-bottom: 0;
	margin-top: 0;
}

.comp-body-goods .goods-list h3 a {
	/* border-left: 4px solid #f60;*/
	padding-left: 10px;
	display: block;
	color: #999;
	background-size: 4px 8px;
}

.comp-body-goods .goods-list h3 a h4 {
	font-size: 12px;
	float: left;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 0;
	width: 86%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comp-body-goods .goods-list h3 a span {
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 28px;
	color: #999;
}

.comp-body-goods .style-big ul li {
	padding: 8px 8px 0;
}

.comp-body-goods .style-big ul li .goods-inner {
	/*  border-bottom: 1px solid #eee;*/
	padding: 0 0 8px 0;
	position: relative;
}


/*.comp-body-goods .goods-list ul li:last-child .goods-inner {
  border-bottom: 0;
}*/

.comp-body-goods .style-big ul li .goods-title {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding: 2px 5px;
	max-height: 37px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-goods .style-big ul li .goods-info {
	padding: 0 5px;
	position: relative;
}

.comp-body-goods .goods-list .goods-price i {
	font-style: normal;
}

.comp-body-goods .style-big ul li .goods-info .goods-price {
	color: #ff6100;
	font-size: 12px;
}

.comp-body-goods .style-big ul li .goods-info .goods-del {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
	display: none;
}

.comp-body-goods .style-big ul li .goods-info .goods-sale {
	color: #999;
	/*margin-left: 10px;
  font-size: 12px;
  position:absolute;
  right:0;
  top: 2px;*/
}

.comp-body-goods .style-big ul li .goods-info .goods-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-goods .goods-list.style-big>ul>li .goods-inner>a {
	display: block;
}

.comp-body-goods .goods-list.style-big>ul>li .goods-inner>a>.goods-img img {
	width: 100%;
}

.comp-body-goods .goods-list.style-small ul {
	padding-right: 8px;
	margin-bottom: 0;
}

.comp-body-goods .goods-list.style-small ul li {
	box-sizing: border-box;
	width: 50%;
	float: left;
	/*padding: 0 0 8px 8px;*/
}

.comp-body-goods .goods-list.style-goods-title .goods-img {
	display: inline-block;
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	/* height: 100%;*/
}

.comp-body-goods .goods-list.style-small ul li .goods-inner {
	border: 1px solid #e5e5e5;
	margin: 0 0 8px 8px;
	height: 220px;
	overflow: hidden;
	background: #fff;
}

.comp-body-goods .goods-list.style-small ul li .goods-inner a {
	display: block;
}

.comp-body-goods .style-small ul li img {
	display: block;
	width: 100%;
	height: auto;
}

.comp-body-goods .style-small ul li .goods-title {
	font-size: 12px;
	padding: 0 5px;
	height: 16px;
	line-height: 16px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.comp-body-goods .style-small ul li .goods-info { box-sizing: content-box; padding: 0px 0px 5px 5px; position: relative; }
.comp-body-goods .style-small ul li .goods-info .goods-price {float:left; color: rgb(224, 12, 12); font-size: 12px;}
.comp-body-goods .style-small .goods-list .goods-price i{color:rgb(224, 12, 12)}
.comp-body-goods .style-small ul li .goods-info .goods-del, 
.comp-body-goods .style-small ul li .goods-info .goods-sale {float:left; color: rgb(153, 153, 153); margin-left: 5px; font-size: 12px;  }
.comp-body-goods .style-list ul li .goods-info .goods-desc {float:left; display:block;color:#d1d1d1;font-size: 12px;margin-left:0; } 
.comp-body-goods .style-small ul li .goods-info .goods-desc { display: none; } 

.comp-body-goods .style-small ul li .goods-info .goods-del { display: none; } 



/*.comp-body-goods .style-small ul li .goods-inner {
  height: 285px;
  overflow: hidden;
}*/


/*.style-small ul li .goods-info .goods-sale {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 90px;
  left: 0;
  padding: 5px;
  text-align: right;
}
*/

.comp-body-goods .style-small ul li .goods-info .goods-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-goods .style-small ul li .goods-info .label-waring {
	display: none;
}

.comp-body-goods .goods-list.style-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.comp-body-goods .goods-list.style-list ul {
	padding-left: 8px;
	background: #fff;
	margin-bottom: 0;
}

.comp-body-goods .goods-list.style-list ul li {
	box-sizing: border-box;
	padding-top: 8px;
}

.comp-body-goods .goods-list.style-list ul li:last-child .goods-inner {
	border-bottom: none;
}

.comp-body-goods .goods-list.style-list ul li .goods-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.comp-body-goods .goods-list.style-list ul li .goods-img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
	position: relative;
	/*background:#c8c8c8;*/
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-goods .goods-list.style-list ul li .goods-img img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
	line-height: 80px;
}

.comp-body-goods .goods-list.style-list ul li .goods-title {
	font-size: 12px;
	max-height: 40px;
	line-height: 13px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-goods .goods-list.style-list ul li .goods-info {
	margin-left: 90px;
	/*position: absolute;
  right: 0;
  left: 98px;
  line-height: 24px;*/
}

.comp-body-goods .style-list ul li .goods-info .goods-price {
	color: rgb(224, 12, 12);
	font-size: 12px;
}

.comp-body-goods .style-list ul li .goods-info .goods-del,
.comp-body-goods .style-list ul li .goods-info .goods-sale {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
}

.comp-body-goods .style-list ul li .goods-info .goods-sale {
	margin-left: 0;
}

.comp-body-goods .style-list ul li .goods-info .goods-del {
	display: none;
}

.comp-body-goods .style-list ul li .goods-info .goods-sale {}

.comp-body-goods .style-list ul li .goods-info .goods-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-goods .choose_goods {
	font-size: 12px;
}

.style-small ul li .label-waring {
	display: none
}

.comp-body-goods .style-small ul li .goods-info .goods-sale {
	margin-left: 0;
}

.style-small ul li .goods-discount {
	display: block;
}

.style-big ul li .goods-level1 {
	display: block;
}

.style-list .label-waring {
	height: 18px;
	overflow: hidden;
}

..style-list .goods-info {
	position: relative;
}

.style-list .goods-discount {
	display: inline-block;
	width: 100%;
}

.style-list .goods-level1 {
	position: absolute;
	right: 10px;
	top: 41px;
}

.comp-body-goods .goods-list ul li .goods-info .goods-price {
	font-size: 16px;
}


/*.comp-body-goods .style-big ul li .goods-discount{
  display: inline-block;
}*/

.comp-body-goods .goods-list .goods_tag {
	margin: 5px;
	overflow: hidden;
	/*  height:*/
}

.comp-body-goods .goods-list.style-list .goods_tag {
	margin-left: 90px;
	/*  height:*/
}

.comp-body-goods .goods-list .goods_tag>div {
	width: 20px;
	height: 20px;
	color: #fff;
	line-height: 20px;
	text-align: center;
	float: left;
	display: none;
	margin-right: 5px;
}

.comp-body-goods .goods-list .goods_tag div.is_preferential {
	background: #ff6600;
}

.comp-body-goods .goods-list .goods_tag div.is_vip {
	background: #56c372;
}

.goods-list ul li .goods-info .goods-stock {
	color: #999;
	display: none
}

.goods-list.style-list ul li .goods-info .goods-stock {
	margin-left: 50px;
}

.goods-list.style-small ul li .goods_tag {
	height: 20px;
}

.goods-list.style-small ul li .goods-info .goods-stock {
	float: right;
	margin-right: 5px;
}

.comp-body-goods .style-list ul li .goods-info .goods-desc {
	margin-left: 0;
	color: #d1d1d1;
	font-size: 12px;
	float: left;
}

.comp-body-goods .style-list ul li .goods-info .goods-desc {
	display: block;
}


/*��Ʒpanel ����*/


/*��Ʒ�б�panel (��)��ʼ*/


/*��Ʒ�б�  һ��*/

.comp-body-goods .goods_list ul li {
	width: 9.69rem;
	height: 2.34rem;
	overflow: hidden;
	padding: 0.31rem 0 0.31rem 0;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
	margin-left: 0.31rem;
	background: #FFF;
}

.comp-body-goods .goods_list ul li p {
	float: left;
	width: 3.85rem;
}

.comp-body-goods .goods_list ul li .shoppic {
	width: 2.34rem;
	height: 2.34rem;
	margin-right: 0.31rem;
	float: left;
}

.comp-body-goods .goods_list ul li .name {
	height: 0.6rem;
	line-height: 0.6rem;
	color: #333;
	font-size: 0.44rem;
	white-space: nowrap;
}

.comp-body-goods .goods_list ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-goods .goods_list ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-goods .goods_list ul li .selled {
	font-size: 0.38rem;
	color: #666;
	margin-top: 0.5rem;
}

.comp-body-goods .goods_list ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.31rem;
	bottom: 0.31rem;
}

.comp-body-goods .goods_list ul li:last-child {
	border-bottom: none;
}


/*��Ʒ�б�  ����*/

.comp-body-goods .goods_small {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
	zoom: 1;
}

.comp-body-goods .goods_small:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comp-body-goods .goods_small {
	padding: 0.23rem 0.14rem;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
}

.comp-body-goods .goods_small ul li {
	width: 4.69rem;
	height: 6.7rem;
	float: left;
	overflow: hidden;
	position: relative;
}

.comp-body-goods .goods_small ul li .shoppic {
	width: 4.69rem;
	height: 4.69rem;
}

.comp-body-goods .goods_small ul li .name {
	height: 0.78rem;
	line-height: 0.78rem;
	color: #333;
	font-size: 0.44rem;
}

.comp-body-goods .goods_small ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-goods .goods_small ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-goods .goods_small ul li .selled {
	font-size: 0.38rem;
	color: #666;
}

.comp-body-goods .goods_small ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem
}

.comp-body-goods .goods_small ul li:nth-child(even) {
	margin-left: 0.302rem;
}


/*��Ʒ�б�panel (��)����*/

.goodsPriceNow .present_price,
.goodsPriceNow .original_price {
	display: none;
}

.goodsPriceNow .original_price {
	text-decoration: line-through;
}

.goodsPriceNow .present_price {
	color: red;
}

.goodsPriceNow .show_price {
	margin-top: 10px;
}

.STH_images_edit .clearfix {
	margin: 15px 0;
}

.STH_images_edit .clearfix:first-child {
	height: 60px;
}

.STH_images_edit .clearfix:first-child ul {
	overflow: hidden;
	margin-left: 60px;
}

.STH_images_edit .clearfix:first-child ul li {
	width: 58px;
	height: 58px;
	border: 1px #ebebeb solid;
	float: left;
	background: url(../images/shop_decorate/images_icon.png) #f4f4f4;
	background-repeat: no-repeat;
	background-size: 58px;
	margin-left: 10px;
	cursor: pointer;
}

.STH_images_edit .clearfix:first-child ul li.active {
	background: url(../images/shop_decorate/images_icon_active.png) #f4f4f4;
	border: 1px #888888 solid;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(2) {
	background-position: -1px -58px;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(3) {
	background-position: -1px -116px;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(4) {
	background-position: -1px -174px;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(5) {
	background-position: -1px -232px;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(6) {
	background-position: -1px -290px;
}

.STH_images_edit .clearfix:first-child ul li:nth-child(7) {
	background-position: -1px -348px;
}

.STH_images_edit .goodsPricePrevious {
	width: 366px;
	padding-left: 20px;
	text-align: left;
}

.STH_images_edit .goodsPricePrevious span label {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}

.STH_images_edit .goodsPricePrevious label.setsearch {
	line-height: 21px;
}

.STH_images_edit .goodsPricePrevious .selectJs {
	margin-right: 5px;
}

.STH_images_edit .goodsPricePrevious input[type='text'] {
	width: 200px;
	height: 24px;
	padding: 5px;
	line-height: 30px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	margin-left: 5px;
}

.STH_images_edit .font_color {
	color: #666
}

.STH_images_edit .weixin_url {
	width: 138px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_images_edit .weipage_url {
	width: 80px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_images_edit .pic_pid {
	width: 80px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_images_edit input[type="text"].weixin_url {
	width: 138px;
}

.STH_images_edit input[type="text"].weipage_url {
	width: 80px;
}

.STH_images_edit input[type="text"].pic_pid {
	width: 80px;
}


/**/

.STH_images_panel {
	overflow: hidden;
}

.STH_images_box {
	box-sizing: border-box;
	overflow: hidden;
	margin: -2px -2px;
	position: relative;
}

.STH_images_box .STH_images {
	overflow: hidden;
	border: 2px solid #fff;
	float: left;
	background: #d4d4d4;
	color: #fff;
	text-align: center;
}

.STH_images_box img {
	width: 100%;
}

.STH_images_style_1 .STH_images_box .STH_images {
	width: 50%;
	height: 140px;
}

.STH_images_style_2 .STH_images_box .STH_images {
	width: 33.33333333%;
	height: 70px;
}

.STH_images_style_3 .STH_images_box .STH_images {
	width: 50%;
	height: 140px;
}

.STH_images_style_3 .STH_images_box .STH_images:nth-child(3n+2),
.STH_images_style_3 .STH_images_box .STH_images:nth-child(3n+3) {
	height: 70px;
}

.STH_images_style_4 .STH_images_box .STH_images {
	width: 33.33333333%;
	height: 70px;
}

.STH_images_style_4 .STH_images_box .STH_images:nth-child(4n+2),
.STH_images_style_4 .STH_images_box .STH_images:nth-child(4n+3) {
	width: 66.66666666%;
}

.STH_images_style_5 .STH_images_box .STH_images {
	width: 50%;
	height: 140px;
}

.STH_images_style_5 .STH_images_box .STH_images:nth-child(4n+1),
.STH_images_style_5 .STH_images_box .STH_images:nth-child(4n+4) {
	height: 70px;
}

.STH_images_style_5 .STH_images_box .STH_images:nth-child(4n+3) {
	margin-top: -70px;
}

.STH_images_style_6 .STH_images_box .STH_images {
	width: 33.33333333%;
	height: 70px;
	float: right;
}

.STH_images_style_6 .STH_images_box .STH_images:nth-child(5n+1) {
	height: 140px;
}

.STH_images_box .STH_iDefault_0 {
	width: 100%;
	height: 160px;
	background-image: url(../images/shop_decorate/image_bg640.png);
}

.STH_images_box .STH_iDefault_0,
.STH_images_box .STH_iDefault_1,
.STH_images_box .STH_iDefault_2,
.STH_images_box .STH_iDefault_3,
.STH_images_box .STH_iDefault_4,
.STH_images_box .STH_iDefault_5,
.STH_images_box .STH_iDefault_6 {
	background-position: center center;
	background-repeat: no-repeat;
}

.STH_images_box .STH_iDefault_1,
.STH_images_box .STH_iDefault_5 {
	background-image: url(../images/shop_decorate/image_bg300X300.png);
}

.STH_images_box .STH_iDefault_2 {
	background-image: url(../images/shop_decorate/image_bg200X200.png);
}

.STH_images_box .STH_iDefault_3,
.STH_images_box .STH_iDefault_5:nth-child(3n+1),
.STH_images_box .STH_iDefault_5:nth-child(4n+1) {
	background-image: url(../images/shop_decorate/image_bg300X150.png);
}

.STH_images_box .STH_iDefault_3:nth-child(3n+1) {
	background-image: url(../images/shop_decorate/image_bg300X320.png);
}

.STH_images_box .STH_iDefault_4 {
	background-image: url(../images/shop_decorate/image_bg400X200.png);
}

.STH_images_box .STH_iDefault_4:nth-child(3n+1),
.STH_images_box .STH_iDefault_4:nth-child(4n+1),
.STH_images_box .STH_iDefault_6 {
	background-image: url(../images/shop_decorate/image_bg200X200.png);
}

.STH_images_box .STH_iDefault_6:nth-child(1) {
	background-image: url(../images/shop_decorate/image_bg200X420.png);
}

@charset "utf-8";

/* ����Ԥ����STH_navs_panel begin */

.STH_navs_panel {}

.STH_navs_panel ul.navlist {
	margin: 0;
}

.STH_navs_panel ul.navlist li {
	float: left;
	padding: 0 5px;
	height: 48px;
	color: #333;
	overflow: hidden;
}

.STH_navs_panel ul.navlist li>a {
	display: block;
}

.STH_navs_panel ul.navlist li .icon {}

.STH_navs_panel ul.navlist li .text {
	font-size: 12px;
}

.STH_navs_panel ul.style1 li {
	width: 20%;
}

.STH_navs_panel ul.style2 li,
.STH_navs_panel ul.style5 li {
	width: 50%;
}

.STH_navs_panel ul.style3 li {
	width: 25%;
}

.STH_navs_panel ul.style4 li {
	width: 33.33%;
}

.STH_navs_panel ul.icon_top li {
	text-align: center;
	height: 48px;
}

.STH_navs_panel ul.icon_top li .icon {
	line-height: 43px;
}

.STH_navs_panel ul.icon_top li .icon img {
	vertical-align: middle;
	width: 45px;
	height: 45px;
}

.STH_navs_panel ul.icon_top li .text {
	line-height: 48px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}


/**����**/

.STH_navs_panel ul.icon_top.style1.navlist li .icon img,
.STH_navs_panel ul.icon_top.style3.navlist li .icon img {
	vertical-align: middle;
	width: 21px;
	height: 21px;
}

.STH_navs_panel ul.icon_top.style4.navlist li .icon img {
	vertical-align: middle;
	width: 25px;
	height: 25px;
}


/**2��**/

.STH_navs_panel ul.icon_top.style2.navlist li .icon img {
	vertical-align: middle;
	width: 30px;
	height: 30px;
}

.STH_navs_panel ul.icon_top.style2.navlist li {
	width: 50%;
}


/***************************************************/

.STH_navs_panel ul.icon_left.style5.navlist li {
	padding: 0 8px;
	height: 50px;
	color: #333;
	overflow: hidden;
	width: 50%;
}

.STH_navs_panel ul.icon_left.style5.navlist li .icon {
	line-height: 40px;
	float: left;
	margin: 0;
}

.STH_navs_panel ul.icon_left.style5.navlist li .text {
	line-height: 50px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	margin-left: 5px;
}

.STH_navs_panel ul.icon_left.style5.navlist li .icon img {
	vertical-align: middle;
	width: 40px;
	height: 40px;
}

.STH_navs_panel ul.icon_none li {
	text-align: center;
}

.STH_navs_panel ul.icon_none li .icon {
	display: none;
}

.STH_navs_panel ul.icon_none li .text {
	line-height: 45px;
}

#nav_tpl_panel {
	display: none;
}


/* STH_navs_panel end */


/* �����༭��STH_navs_edit begin */

.STH_navs_edit {
	margin-left: 40px;
}

.STH_navs_edit .control_group {
	height: 40px;
	line-height: 40px;
}

.STH_navs_edit .control_group .left {
	float: left;
	padding-right: 10px;
	font-weight: 700;
}

.STH_navs_edit .control_group .right {
	float: left;
}

.STH_navs_edit .control_group .right label {
	width: 100px;
	font-weight: normal;
}


/*.btn_add_box .btn{margin-left: 0;color: #fff;}
.btn_add_box .btn:hover{background: #ff9650;}*/

#nav_tpl_edit {
	display: none;
}

.com-list-box-choice>div {
	vertical-align: top;
	display: table-cell;
}

.com-list-box-choice .navs_set {
	width: 376px;
}

.com-list-box-choice .navs_set label {
	font-weight: normal;
	padding-left: 10px;
}

.com-list-box-choice .navs_set label input.nav_text {
	width: 120px;
	margin-left: 5px;
}

.com-list-box-choice .navs_set span.pic_name {
	padding-left: 30px;
	padding-right: 5px;
}

.com-list-box-choice .navs_set .controls:first-child {
	padding-top: 5px;
}

.com-list-box-choice .navs_set .controls .selectbox {
	width: 120px;
	background-color: #fff;
}


/* angular ���� 
.com-list-box-choice .navs_set .controls .urlname{ display:block;float:left; padding: 0 5px 0 10px;}
.com-list-box-choice .navs_set .controls .selectbox{width: 100px;background-color: #fff; float: left; margin-right: 10px;}
*/

.com-list-box-choice .navs_set .controls .select_wrap:last-child .selectbox {
	width: 180px;
}

.com-list-box-choice .navs_set .colorselector {
	display: inline-block;
	width: 42px;
	height: 32px;
	position: relative;
	border: 1px solid #ebebeb;
	vertical-align: middle;
	margin-bottom: 5px;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	margin-left: 5px;
}

.com-list-box-choice .navs_set .colorselector div {
	height: 100%;
	border-radius: 3px;
	-webkit-border-radius: 3px;
}

.com-list-box-choice .navs_set .colorselector .iconbox {
	display: block;
	position: absolute;
	right: 0;
	bottom: 0;
	width: 20px;
	height: 20px;
	background-color: #eee;
	text-align: center;
	line-height: 20px;
	font-size: 12px;
}

.com-list-box-choice .navs_set .select_wrap {
	display: inline-block;
	padding-left: 5px;
	vertical-align: top;
}

.com-list-box-choice .navs_set span.select_name {
	vertical-align: top;
	line-height: 30px;
}


/*.icon_left_label{
	display: none;
}*/


/* STH_navs_edit end */


/*�ı�text ��ʼ*/

.textareas {
	padding: 10px;
	overflow: hidden;
}

.textareas * {
	width: 100%;
}


/*�ı�text ����*/


/*��ɱ*/

.fl {
	float: left
}

.fr {
	float: right;
}

.ofh {
	overflow: hidden;
}

.ml_10 {
	margin-left: 10px;
}

.mr_10 {
	margin-right: 10px;
}

.mb_10 {
	margin-bottom: 10px;
}

.cccc {
	color: #ccc;
}

.cf60 {
	color: #ff6600;
}

.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clr {
	zoom: 1;
}

.c000 {
	color: #000;
}

.c666 {
	color: #333;
}

.c999 {
	color: #999;
}

.lineThrow {
	text-decoration: line-through;
}

.panel-comps {
	background: #f2f1f1;
}

.market_wrap {
	border-bottom: 1px solid #e9e8e8;
	padding-bottom: 10px;
	background: #fff;
}

.market_wrap_top {
	background: #faf7f7;
	border: 1px solid #e9e8e8;
	padding: 5px 0;
	overflow: hidden;
}

.sec_kill_box_r>p {
	margin-top: 2px;
	margin-bottom: 0;
}

.market_wrap_top .market_wrap_top_btn {
	background: #f14656;
	padding-left: 10px;
	border-radius: 0;
	padding-right: 35px;
	margin-right: 9px;
	position: relative;
	color: #fff;
	height: 32px;
	line-height: 32px;
	float: left;
}

.market_wrap_top .market_wrap_top_btn.market_wrap_top_btn_gray {
	background: #666;
}

.market_wrap_top .market_wrap_top_btn:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	/*	border:16px solid;
    border-color:transparent #faf7f7  transparent  transparent;*/
	border-top: 16px solid transparent;
	border-right: 20px solid #faf7f7;
	border-bottom: 16px solid transparent;
	right: 0;
	top: 0;
}

.sec_kill_box_r .tishi_s {
	line-height: 32px;
}

.market_wrap_top .time_box i {
	color: #666;
	line-height: 0;
	float: left;
	display: inline-block;
	font-style: normal;
	margin: 18px 4px 0 0;
}

.market_wrap_top .time_box span {
	background: #333;
	width: 26px;
	height: 20px;
	line-height: 22px;
	float: left;
	display: inline-block;
	border-radius: 6px;
	margin: 8px 3px 0 0;
	text-align: center;
	color: #fff;
}

.market_wrap_bottom {
	position: relative;
}

.market_wrap_bottom p {
	padding: 10px 10px 0 0;
	box-sizing: border-box;
	margin-bottom: 0;
}

.market_wrap_bottom p span {
	display: block;
	line-height: 20px;
}

.market_wrap_bottom span.count {
	position: relative;
	padding: 0 5px 0 0;
}

.market_wrap_bottom_img {
	width: 100px;
	height: 100px;
	position: relative;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
	margin-right: -110px;
	overflow: hidden;
}


/*.market_wrap_bottom_img img{
	width:100%;
}*/

.market_wrap_bottom_dec {
	float: right;
	width: 100%;
}

.market_wrap_bottom_dec p {
	margin-left: 120px;
}

.market_wrap_bottom_dec p i {
	font-style: normal;
}

.market_wrap_bottom_dec p span.title {
	height: 32px;
	line-height: 16px;
	-webkit-line-clamp: 2;
	display: -webkit-box;
	-webkit-box-orient: vertical;
	overflow: hidden;
	font-size: 0.875rem;
}

.market_wrap_bottom_dec span.count {
	padding-right: 8px;
}

.market_wrap_bottom_dec p span.flag_unstart {
	color: #4e9923
}

.market_wrap_bottom_dec p span.flag_continue,
.market_wrap_bottom_dec p span.flag_end {
	color: #de2b13;
}

.market_wrap_bottom_dec p span.flag_finished {
	position: absolute;
	background: rgba(0, 0, 0, 0.4);
	width: 56px;
	height: 56px;
	border-radius: 50%;
	bottom: 10px;
	text-align: center;
	line-height: 56px;
	color: #fff;
	font-size: 0.875rem;
}

.market_wrap_rules {
	background: #fff;
	padding: 0 10px 0 10px;
	margin-top: 10px;
}

.market_wrap_rules_con {
	background: #f7f7f7;
	padding: 2px 4px;
	border: 1px dotted #cdcdcd;
}

.market_wrap_rules a {
	color: #62a5c2;
}

.market_wrap_bottom .market_tag_btn {
	position: absolute;
	bottom: 0;
	background: #f14656;
	width: 37px;
	height: 50px;
	color: #fff;
	font-size: 1rem;
	right: 10px;
}

.market_wrap_bottom .market_tag_btn.btn_gray {
	background: #666;
}

.market_wrap_bottom .market_tag_btn span {
	padding: 5px 2px 0 2px;
	display: block;
	text-align: center;
	font-size: 12px;
	line-height: 16px;
}

.market_wrap_bottom .market_tag_btn:before {
	content: "";
	position: absolute;
	width: 0;
	height: 0;
	border-left: 20px solid transparent;
	border-right: 20px solid transparent;
	border-bottom: 10px solid #fff;
	right: 0;
	bottom: 0;
}

.sec_kill_box_r p {
	margin-left: 10px;
}

.group_by_wrap .market_wrap_bottom_dec span.num {
	position: absolute;
	bottom: 0;
	left: 190px;
	display: inline-block;
	top: 84px
}


/*�Ż���panel ��ʼ*/

.STH_favorable_box {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
	padding-left: 10px;
}

.STH_favorable_box li {
	height: 46px;
	line-height: 46px;
	border-bottom: 1px solid #eee;
}

.STH_favorable_box li:last-child {
	border-bottom: none;
}

.STH_favorable_box .f14 {
	font-size: 12px;
}

.STH_favorable_box span.tips {
	width: 18px;
	height: 18px;
	line-height: 18px;
	text-align: center;
	background: #ff6600;
	color: #fff;
	display: inline-block;
	margin-right: 6px;
}

.STH_favorable_box a {
	background: #ff6600;
	color: #fff;
	padding: 2px 10px;
	display: inline-block;
	border-radius: 2px;
	margin: 10px 5px 0 0;
}

.STH_favorable_box li.STH_favorable_cut {
	height: 36px;
	line-height: 36px;
	padding-right: 10px;
}

.STH_favorable_cut>div {
	position: relative;
	height: 36px;
	line-height: 36px;
	padding-right: 28px;
	background: url(../images/shop_decorate/arrow_r.png) no-repeat right center;
	background-size: 6px;
}

.STH_favorable_cut>div div {
	width: 100%;
	line-height: 36px;
	white-space: nowrap;
	overflow: hidden;
	text-overflow: ellipsis;
	color: #666;
}


/*�Ż���panel ����*/


/*�Ż���edit ��ʼ*/


/*�Ż���edit ����*/


/*�Ż�ȯpanel ��ʼ*/

.STH_shop_coupon .store-card {
	overflow: hidden;
	padding: 0 4px;
	max-height: 119px;
}

.STH_shop_coupon .store-card-list {
	width: 50%;
	float: left;
	box-sizing: border-box;
	margin-top: 6px;
}

.STH_shop_coupon .store-card-list:nth-child(1),
.STH_shop_coupon .store-card-list:nth-child(2) {
	margin-top: 0;
}

.STH_shop_coupon .store-card-list-box {
	padding: 0 3px;
	position: relative;
}

.STH_shop_coupon .store-card-list .store-card-title,
.STH_shop_coupon .store-card-list .store-card-invalid {
	position: absolute;
	top: -9px;
	right: 23%;
	z-index: 5;
	transform: rotate(-15deg);
	-ms-transform: rotate(-15deg);
	-moz-transform: rotate(-15deg);
	-webkit-transform: rotate(-15deg);
	-o-transform: rotate(-15deg);
	width: 50px;
	height: 50px;
	line-height: 46px;
	box-sizing: border-box;
	border: 2px solid #e0e0e0;
	border-radius: 50%;
	display: none;
}

.store-card-list .store-card-title span,
.store-card-list .store-card-invalid span {
	display: inline-block;
	vertical-align: middle;
	font-size: 12px;
	line-height: 22px;
	border-top: 1px solid #e0e0e0;
	border-bottom: 1px solid #e0e0e0;
	color: #e0e0e0;
	margin: 0;
	box-sizing: border-box;
	font-weight: bold;
}

.STH_shop_coupon .store-card-list a {
	display: block;
	width: 100%;
	position: relative;
	color: #fff;
	text-align: center;
	height: 56px;
	border-radius: 3px;
	overflow: hidden;
}

.store-card-list-left {
	position: relative;
	float: left;
	height: 100%;
	width: 75%;
	background: #ff9900;
}

.store-card-list-right {
	float: left;
	height: 100%;
	padding-top: 7px;
	line-height: 14px;
	background: #ff6600;
	width: 25%;
	font-size: 12px;
	color: #ffcc66;
}

.store-card-list-right br {
	line-height: 0;
}

.store-card-list-left .bor-right {
	position: absolute;
	width: 4px;
	right: -2px;
	top: -2px;
}

.store-card-list-left .bor-right i {
	float: left;
	display: inline-block;
	width: 4px;
	height: 4px;
	background: #fbf9fe;
	border-radius: 50%;
	margin-bottom: 3px;
}

.STH_shop_coupon .store-card-list-left>span {
	display: block;
	font-size: 22px;
	line-height: 18px;
	padding-top: 0;
	margin-top: 12px;
}

.STH_shop_coupon .store-card-list a em,
.STH_shop_coupon .store-card-list a i {
	font-style: normal;
}

.STH_shop_coupon .store-card-list a span em {
	font-size: 12px;
}

.STH_shop_coupon .store-card-list a span i {
	font-size: 0.38rem;
	margin-left: 0.16rem;
}

.STH_shop_coupon .store-card-list a p {
	font-size: 12px;
	line-height: 12px;
	margin-bottom: 0;
}

.STH_shop_coupon .store-card-list-grey .store-card-list-left,
.STH_shop_coupon .store-card-list-invalid .store-card-list-left {
	background: #bfbfbf;
}

.STH_shop_coupon .store-card-list-grey .store-card-list-right,
.STH_shop_coupon .store-card-list-invalid .store-card-list-right {
	background: #a0a0a0;
	color: #fff;
}


/*.STH_shop_coupon .store-card-list-grey a .bor-left {
    background:url(../images/shop_decorate/border_bg_left_grey.png) 0 0 repeat-y;
}
.STH_shop_coupon .store-card-list-grey a .bor-right {
    background:url(../images/shop_decorate/border_bg_right_grey.png) 0 0 repeat-y;
}*/

.STH_shop_coupon .store-card-list-grey .store-card-title,
.STH_shop_coupon .store-card-list-invalid .store-card-invalid {
	display: block;
}


/*�Ż�ȯpanel ����*/


/*�Ż�ȯedit ��ʼ*/


/*�Ż�ȯedit ����*/


/*�û�����panel ��ʼ*/

.STH_comment_title {
	height: 30px;
	overflow: hidden;
	padding: 0 5px;
}

.STH_comment_title h2 {
	font-size: 12px;
	float: left;
	margin: 0;
	line-height: 30px;
}

.STH_comment_title a {
	float: right;
	line-height: 30px;
}

.STH_comment_box {
	padding: 5px;
}

.STH_comment_list .comment_con .person {
	float: left;
	width: 40px;
	height: 40px;
	margin-right: 5px;
}

.STH_comment_list .comment_con .level {
	background-color: #E9125E;
	color: #fff;
	text-align: center;
	padding-left: 1px;
	padding-right: 1px;
	margin-left: 3px;
	border: 1 solid #E9125E;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.STH_comment_list .comment_con .person img {
	width: 40px;
	height: 40px;
	border-radius: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
}

.STH_comment_list .comment_con .comment_talk {
	padding-left: 50px;
}

.STH_comment_list .comment_con .comment_talk p {
	margin-bottom: 0;
}

.STH_comment_list .comment_con .comment_talk ul li {
	float: left;
	margin: 6px;
}

.comment_img_box {
	clear: both;
	overflow: hidden;
}

.STH_comment_list .comment_con .comment_talk .title {
	height: 22px;
}

.STH_comment_list .comment_con .store {
	background: #f1f3f6;
	padding: 5px;
	position: relative;
}

.STH_comment_list .comment_con .store:before {
	content: "";
	position: absolute;
	left: 10px;
	top: -15px;
	border: 10px solid;
	border-color: transparent transparent #f1f3f6 transparent;
}

.STH_comment_list .comment_con .evaluate_img {
	max-height: 50px;
	max-width: 50px;
}

.STH_comment_list .comment_con .star {
	background: #fff;
}

.STH_comment_list .comment_con .star span {
	color: #4b4b4b;
}

.STH_comment_list .comment_con .star span.num {
	float: right;
	color: #999999;
	line-height: 1.484rem;
}

.STH_comment_list .comment_con .star span.stars {
	background: url(../images/stars.png) no-repeat;
	width: 92px;
	height: 15px;
	background-size: cover;
	display: inline-block;
	vertical-align: middle;
}

.STH_comment_list .comment_con .star span.one {
	background-position: 0 -15px;
}

.STH_comment_list .comment_con .star span.two {
	background-position: 0 -30px;
}

.STH_comment_list .comment_con .star span.three {
	background-position: 0 -45px;
}

.STH_comment_list .comment_con .star span.four {
	background-position: 0 -60px;
}

.STH_comment_list .comment_con .star span.five {
	background-position: 0 -75px;
}


/*�û�����panel ����*/


/*�û�����edit ��ʼ*/

.STH_comment_edit .box {
	margin-bottom: 12px;
}

.STH_comment_edit .left {
	width: 80px;
	float: left;
	color: #333333;
	text-align: right;
	line-height: 36px;
}

.STH_comment_edit .right {
	padding-left: 90px;
	box-sizing: border-box;
	color: #666;
}

.STH_comment_edit_filter label {
	display: block;
	font-weight: normal;
	margin: 5px 0;
}


/*�û�����edit ����*/


/*��Ʒedit ��ʼ*/

.edit-inner-tech {
	margin-left: 32px;
}

.edit-inner-tech .control-group {
	height: 40px;
}

.edit-inner-tech label {
	font-weight: normal;
}

.edit-inner-tech .tech-list-show .choice .dec {
	height: 80px;
	line-height: 80px;
}

.edit-inner-tech .controls.list-type label {
	margin: 0 50px 0 0;
	float: left !important;
}


/*********************/

.edit-inner-tech .controls.list-type label:nth-of-type(2) {}


/*********************/

.edit-inner-tech .controls.list-type .iradio_square-yellow {
	margin-right: 5px !important;
}

.edit-inner-tech .controls.list-price .icheckbox_minimal-yellow {
	margin-top: 3px !important;
}

.edit-inner-tech .tech-list-show .choice .dec span {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	font-size: 12px;
	margin-left: 10px;
	max-height: 52px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.edit-inner-tech .techSales span,
.edit-inner-tech .techLevel span {
	display: block;
}

.edit-inner-tech .choice {
	display: table;
}

.edit-inner-tech .choice>div {
	vertical-align: top;
	display: table-cell;
}

.edit-inner-tech .goodsPic {
	width: 80px;
}

.edit-inner-tech .techSales {
	width: 100px;
	text-align: center;
}

.edit-inner-tech .techLevel {
	width: 160px;
	text-align: center;
}

.edit-inner-tech .selectbox {
	float: left;
	margin-right: 8px;
}

.edit-inner-tech .control-group.list-grop label {
	line-height: 30px;
}

.edit-inner-tech .list-grop a.btn {
	height: 36px;
	line-height: 34px;
	margin-left: 8px
}


/*��Ʒedit ����*/


/*��Ʒpanel ��ʼ*/

.comp-body-tech .label-waring {
	background-color: #fd6801;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 5px;
	display: inline-block;
}

.comp-body-tech .tech-list {
	background: transparent;
	/*margin-bottom: 8px;*/
	/*border-bottom: 1px solid #eee;*/
}

.comp-body-tech .tech-list h3 {
	/*border-bottom: 1px solid #eee;*/
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin-bottom: 0;
	margin-top: 0;
}

.comp-body-tech .tech-list h3 a {
	/* border-left: 4px solid #f60;*/
	padding-left: 10px;
	display: block;
	color: #999;
	background-size: 4px 8px;
}

.comp-body-tech .tech-list h3 a h4 {
	font-size: 12px;
	float: left;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 0;
	width: 86%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comp-body-tech .tech-list h3 a span {
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 28px;
	color: #999;
}

.comp-body-tech .style-big ul li {
	padding: 8px 8px 0;
}

.comp-body-tech .style-big ul li .tech-inner {
	/*  border-bottom: 1px solid #eee;*/
	padding: 0 0 8px 0;
	position: relative;
}


/*.comp-body-goods .goods-list ul li:last-child .goods-inner {
  border-bottom: 0;
}*/

.comp-body-tech .style-big ul li .tech-title {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding: 2px 5px;
	max-height: 37px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-tech .style-big ul li .tech-info {
	padding: 0 5px;
	position: relative;
}

.comp-body-tech .style-big ul li .tech-info .tech-price {
	color: #ff6100;
	font-size: 12px;
}

.comp-body-tech .style-big ul li .tech-info .tech-del {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
	display: none;
}

.comp-body-tech .style-big ul li .tech-info .tech-sale {
	color: #999;
	/*margin-left: 10px;
  font-size: 12px;
  position:absolute;
  right:0;
  top: 2px;*/
}

.comp-body-tech .style-big ul li .tech-info .tech-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tech .tech-list.style-big>ul>li .tech-inner>a {
	display: block;
}

.comp-body-tech .tech-list.style-big>ul>li .tech-inner>a>.tech-img img {
	width: 100%;
}

.comp-body-tech .tech-list.style-small ul {
	padding-right: 8px;
	margin-bottom: 0;
}

.comp-body-tech .tech-list.style-small ul li {
	box-sizing: border-box;
	width: 50%;
	float: left;
	/*padding: 0 0 8px 8px;*/
}

.comp-body-tech .tech-list.style-small .tech-img {
	display: inline-block;
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	/* height: 100%;*/
}

.comp-body-tech .tech-list.style-small ul li .tech-inner {
	border: 1px solid #e5e5e5;
	margin: 0 0 8px 8px;
	height: 210px;
	overflow: hidden;
	background: #fff;
}

.comp-body-tech .tech-list.style-small ul li .tech-inner a {
	display: block;
}

.comp-body-tech .style-small ul li img {
	display: block;
	width: 100%;
	height: auto;
}

.comp-body-tech .style-small ul li .tech-title {
	font-size: 12px;
	padding: 0 5px;
	height: 20px;
	line-height: 16px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	/*  margin: 6px 0;*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-tech .style-small ul li .tech-info {
	/*  height: 20px;*/
	box-sizing: content-box;
	/*border-top: 1px #ddd dotted;
  padding: 5px 0 5px 5px;*/
	padding: 0 0 5px 5px;
	position: relative;
}

.comp-body-tech .style-small ul li .tech-info .tech-price {
	/*  font-weight: 700;*/
	color: #ff6100;
	font-size: 12px;
	/*  line-height: 21px;*/
}

.comp-body-tech .style-small ul li .tech-info .tech-del,
.comp-body-tech .style-small ul li .tech-info .tech-sale {
	color: #999;
	margin-left: 10px;
	font-size: 10px;
	line-height: 21px;
}

.comp-body-tech .style-small ul li .tech-info .tech-del {
	display: none;
}


/*.comp-body-goods .style-small ul li .goods-inner {
  height: 285px;
  overflow: hidden;
}*/


/*.style-small ul li .goods-info .goods-sale {
  box-sizing: border-box;
  position: absolute;
  width: 100%;
  display: block;
  background: rgba(0, 0, 0, 0.5);
  color: #fff;
  bottom: 90px;
  left: 0;
  padding: 5px;
  text-align: right;
}
*/

.comp-body-tech .style-small ul li .tech-info .tech-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tech .style-small ul li .tech-info .label-waring {
	display: none;
}

.comp-body-tech .tech-list.style-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.comp-body-tech .tech-list.style-list ul {
	padding-left: 8px;
	background: #fff;
	margin-bottom: 0;
}

.comp-body-tech .tech-list.style-list ul li {
	box-sizing: border-box;
	padding-top: 8px;
}

.comp-body-tech .tech-list.style-list ul li:last-child .tech-inner {
	border-bottom: none;
}

.comp-body-tech .tech-list.style-list ul li .tech-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.comp-body-tech .tech-list.style-list ul li .tech-img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
	position: relative;
	/*background:#c8c8c8;*/
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-tech .tech-list.style-list ul li .tech-img img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
	line-height: 80px;
}

.comp-body-tech .tech-list.style-list ul li .tech-title {
	font-size: 12px;
	max-height: 40px;
	line-height: 13px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-tech .tech-list.style-list ul li .tech-info {
	bottom: 8px;
	/*position: absolute;
  right: 0;
  left: 98px;
  line-height: 24px;*/
	display: -webkit-box;
}

.comp-body-tech .style-list ul li .tech-info .tech-price {
	color: #ff6100;
	font-size: 12px;
}

.comp-body-tech .style-list ul li .tech-info .tech-del,
.comp-body-tech .style-list ul li .tech-info .tech-sale {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
}

.comp-body-tech .style-list ul li .tech-info .tech-del {
	display: none;
}

.comp-body-tech .style-list ul li .tech-info .tech-sale {
	/*position: absolute;*/
	bottom: 3px;
	margin-left: 0;
}

.comp-body-tech .style-list ul li .tech-info .tech-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tech .choose_goods {
	font-size: 12px;
}

.comp-body-tech .style-small ul li .tech-info .tech-sale {
	display: block;
}

.style-small ul li .label-waring {
	display: none
}

.comp-body-tech .style-small ul li .tech-info .tech-sale {
	margin-left: 0;
}

.style-small ul li .tech-discount {
	display: block;
}

.style-big ul li .tech-level1 {
	display: block;
}

.style-list .label-waring {
	height: 18px;
	overflow: hidden;
}

.style-list .tech-info {
	/*position: relative;*/
}

.style-list .tech-discount {
	display: inline-block;
	width: 100%;
}

.style-list .tech-level1 {
	position: absolute;
	right: 10px;
	top: 41px;
}

.comp-body-tech .tech-list ul li .tech-info .tech-price {
	font-size: 16px;
}


/*.comp-body-goods .style-big ul li .goods-discount{
  display: inline-block;
}*/


/*��Ʒpanel ����*/


/*����*/

#technicianLayer {
	min-height: 545px;
	overflow: hidden;
	border-bottom: 1px solid #d7d7d7;
}


/*��Ʒ�б�panel (��)��ʼ*/


/*��Ʒ�б�  һ��*/

.comp-body-goods .goods_list ul li {
	width: 9.69rem;
	height: 2.34rem;
	overflow: hidden;
	padding: 0.31rem 0 0.31rem 0;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
	margin-left: 0.31rem;
	background: #FFF;
}

.comp-body-goods .goods_list ul li p {
	float: left;
	width: 3.85rem;
}

.comp-body-goods .goods_list ul li .shoppic {
	width: 2.34rem;
	height: 2.34rem;
	margin-right: 0.31rem;
	float: left;
}

.comp-body-goods .goods_list ul li .name {
	height: 0.6rem;
	line-height: 0.6rem;
	color: #333;
	font-size: 0.44rem;
	white-space: nowrap;
}

.comp-body-goods .goods_list ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-goods .goods_list ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-goods .goods_list ul li .selled {
	font-size: 0.38rem;
	color: #666;
	margin-top: 0.5rem;
}

.comp-body-goods .goods_list ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.31rem;
	bottom: 0.31rem;
}

.comp-body-goods .goods_list ul li:last-child {
	border-bottom: none;
}


/*��Ʒ�б�  ����*/

.comp-body-goods .goods_small {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
	zoom: 1;
}

.comp-body-goods .goods_small:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comp-body-goods .goods_small {
	padding: 0.23rem 0.14rem;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
}

.comp-body-goods .goods_small ul li {
	width: 4.69rem;
	height: 6.7rem;
	float: left;
	overflow: hidden;
	position: relative;
}

.comp-body-goods .goods_small ul li .shoppic {
	width: 4.69rem;
	height: 4.69rem;
}

.comp-body-goods .goods_small ul li .name {
	height: 0.78rem;
	line-height: 0.78rem;
	color: #333;
	font-size: 0.44rem;
}

.comp-body-goods .goods_small ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-goods .goods_small ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-goods .goods_small ul li .selled {
	font-size: 0.38rem;
	color: #666;
}

.comp-body-goods .goods_small ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem
}

.comp-body-goods .goods_small ul li:nth-child(even) {
	margin-left: 0.302rem;
}


/*��Ʒ�б�panel (��)����*/


/*����edit ��ʼ*/

.edit-inner-serviceItem {
	margin-left: 32px;
}

.edit-inner-serviceItem .control-group {
	height: 40px;
}

.edit-inner-serviceItem label {
	font-weight: normal;
}

.edit-inner-serviceItem .serviceItem-list-show .choice .dec {
	height: 80px;
	line-height: 80px;
}

.edit-inner-serviceItem .controls.list-type label {
	margin: 0 50px 0 0;
	float: left !important;
}


/*********************/

.edit-inner-serviceItem .controls.list-type label:nth-of-type(2) {}


/*********************/

.edit-inner-serviceItem .controls.list-type .iradio_square-yellow {
	margin-right: 5px !important;
}

.edit-inner-serviceItem .controls.list-price .icheckbox_minimal-yellow {
	margin-top: 3px !important;
}

.edit-inner-serviceItem .serviceItem-list-show .choice .dec span {
	display: inline-block;
	vertical-align: middle;
	line-height: 18px;
	font-size: 12px;
	margin-left: 10px;
	max-height: 52px;
	overflow: hidden;
	word-wrap: break-word;
	word-break: break-all;
}

.edit-inner-serviceItem .serviceItemPricePrevious span,
.serviceItemPriceNow span,
.serviceItemSales span {
	display: block;
}

.edit-inner-serviceItem .choice {
	display: table;
}

.edit-inner-serviceItem .choice>div {
	vertical-align: top;
	display: table-cell;
}

.edit-inner-serviceItem .serviceItemPic {
	width: 80px;
}

.edit-inner-serviceItem .serviceItemPricePrevious,
.serviceItemPriceNow,
.serviceItemSales {
	width: 100px;
	text-align: center;
}

.edit-inner-serviceItem .selectbox {
	float: left;
	margin-right: 8px;
}

.edit-inner-serviceItem .control-group.list-grop label {
	line-height: 30px;
}

.edit-inner-serviceItem .list-grop a.btn {
	height: 36px;
	line-height: 34px;
	margin-left: 8px
}


/*����edit ����*/


/*����edit ��ʼ*/

.STH_sties_edit .clearfix {
	margin: 15px 0;
}

.STH_sties_edit .goodsPricePrevious {
	width: 366px;
	padding-left: 20px;
	text-align: left;
}

.STH_sties_edit .goodsPricePrevious span label {
	float: left;
	height: 30px;
	line-height: 30px;
	margin-right: 5px;
}

.STH_sties_edit .goodsPricePrevious label.setsearch {
	line-height: 21px;
}

.STH_sties_edit .goodsPricePrevious .selectJs {
	margin-right: 5px;
}

.STH_sties_edit .goodsPricePrevious input[type='text'] {
	width: 200px;
	height: 24px;
	padding: 5px;
	line-height: 30px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	margin-left: 5px;
}

.STH_sties_edit .font_color {
	color: #666
}

.STH_sties_edit .weixin_url {
	width: 138px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_sties_edit .weipage_url {
	width: 80px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_sties_edit .pic_pid {
	width: 80px;
	height: 28px;
	padding: 0 10px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	color: #000;
	font-size: 12px;
	line-height: 28px;
	display: none;
	float: left;
	margin: 0;
}

.STH_sties_edit input[type="text"].weixin_url {
	width: 138px;
}

.STH_sties_edit input[type="text"].weipage_url {
	width: 80px;
}

.STH_sties_edit input[type="text"].pic_pid {
	width: 80px;
}

.STH_sties_edit .com-list-box-choice {
	background: #f4f4f4;
	width: 576px;
	height: 120px;
	padding: 10px 20px 10px 10px;
	box-sizing: content-box;
	position: relative;
	margin-bottom: 12px;
}

.STH_sties_edit .com-list-box-choice-pic {
	position: relative;
	background-color: #fff;
	width: 120px;
	height: 120px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ebebeb;
}

.STH_sties_edit .com-list-box-choice-pic .default-text {
	position: absolute;
	color: #ebebeb;
	left: 0;
	top: 46px;
	right: 0;
}

.STH_sties_edit .com-list-box-choice-pic img {
	display: block;
	width: 120px;
	height: 120px;
}

.STH_sties_edit .com-list-box-delete i {
	background: url(../images/operategroup.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	background-position: 0 -40px;
	margin: 60px 0;
}


/* 
 * 
 */


/*

.edit-site .com-list-box-choice-pic {
	position: relative;
	background-color: #fff;
	width: 120px;
	height: 120px;
	text-align: center;
	overflow: hidden;
	border: 1px solid #ebebeb;
}
.edit-site .com-list-box-choice-pic .default-text {
	position: absolute;
	color: #ebebeb;
	left: 0;
	top: 46px;
	right: 0; 
}

.edit-site .com-list-box-choice-pic img {
	display: block;
	width: 120px;
	height: 120px;
}
.edit-site label {
	font-weight: normal;
}
.edit-site .font_color {
	color: #666
}
.edit-site .stieInfoPrevious span{
	padding-left: 10px;
	text-align: left;
	display: block;
	margin-top: 5px;
	width: 366px; 
}

.edit-site .stieInfoPrevious span input[type='text'] {
	width: 200px;
	height: 24px;
	padding: 5px; 
	line-height: 30px;
	box-sizing: content-box;
	border-radius: 3px;
	border: 1px solid #ebebeb;
	margin-left: 5px;
}
  
.edit-site .stieInfoPrevious .weixin_url { 
	 
	display: none;
	float: left;
	margin: 0;
} 


.edit-site .stieInfoPrevious .weipage_url { 
	 
	display: none;
	float: left;
	margin: 0;
} 
 
 
.edit-site .com-list-box-delete {
	position: absolute;
	background: #eee;
	width: 20px;
	height: 100%;
	right: 0;
	top: 0;
	cursor: pointer;
}
.edit-site .com-list-box-delete i {
	background: url(../images/operategroup.png) no-repeat;
	display: block;
	width: 20px;
	height: 20px;
	background-position: 0 -40px;
	margin: 60px 0;
}

.edit-site .com-list-box-operate a.arrow-up, .com-list-box-operate a.arrow-down {
	text-decoration: underline;
}
.edit-site .com-list-box-operate a.arrow-up {
	top: 13px;
}
.edit-site .com-list-box-operate a.arrow-down {
	bottom: 13px;
}*/


/*����edit ����*/


/*����stie  panel��ʼ*/

.comp-body-tie .tie-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.comp-body-tie .tie-list ul {
	padding-left: 8px;
	background: #fff;
	margin-bottom: 0;
}

.comp-body-tie .tie-list ul li {
	box-sizing: border-box;
	padding-top: 8px;
}

.comp-body-tie .tie-list ul li:last-child .tie-inner {
	border-bottom: none;
}

.comp-body-tie .tie-list ul li .tie-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.comp-body-tie .tie-list.style-limg ul li .tie-img {
	height: 80px;
	width: 120px;
	float: left;
	margin-right: 10px;
	position: relative;
	background: #c8c8c8;
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-tie .tie-list ul li .tie-img img {
	width: auto;
	height: 100%;
	max-height: 80px;
	vertical-align: baseline;
}

.comp-body-tie .tie-list.style-limg ul li .tie-title {
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-tie .tie-list.style-limg ul li .tie-tag {
	color: #999999;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 127px;
}

.comp-body-tie .tie-list.style-rimg ul li .tie-title {
	float: left;
	font-size: 16px;
	line-height: 20px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	width: 58%;
	margin-left: 5px;
	position: absolute;
	top: 10px;
}

.comp-body-tie .tie-list.style-rimg ul li .tie-img {
	height: 80px;
	width: 38%;
	float: right;
	margin-left: 10px;
	position: relative;
	background: #c8c8c8;
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-tie .tie-list.style-rimg ul li .tie-tag {
	color: #999999;
	font-size: 10px;
	position: absolute;
	bottom: 10px;
	left: 5px;
}


/*����stie  panel��ʼ*/


/*����panel ��ʼ*/

.comp-body-serviceItem .label-waring {
	background-color: #fd6801;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 5px;
	display: inline-block;
}

.comp-body-serviceItem .serviceItem-list {
	background: transparent;
	/*margin-bottom: 8px;*/
	/*border-bottom: 1px solid #eee;*/
}

.comp-body-serviceItem .serviceItem-list h3 {
	/*border-bottom: 1px solid #eee;*/
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin-bottom: 0;
	margin-top: 0;
}

.comp-body-serviceItem .serviceItem-list h3 a {
	/* border-left: 4px solid #f60;*/
	padding-left: 10px;
	display: block;
	color: #999;
	background-size: 4px 8px;
}

.comp-body-serviceItem .serviceItem-list h3 a h4 {
	font-size: 12px;
	float: left;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 0;
	width: 86%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comp-body-serviceItem .serviceItem-list h3 a span {
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 28px;
	color: #999;
}

.comp-body-serviceItem .style-big ul li {
	padding: 8px 8px 0;
}

.comp-body-serviceItem .style-big ul li .serviceItem-inner {
	/*  border-bottom: 1px solid #eee;*/
	padding: 0 0 8px 0;
	position: relative;
}


/*.comp-body-goods .goods-list ul li:last-child .goods-inner {
  border-bottom: 0;
}*/

.comp-body-serviceItem .style-big ul li .serviceItem-title {
	font-size: 12px;
	color: #333;
	line-height: 16px;
	padding: 2px 5px;
	max-height: 37px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-serviceItem .style-big ul li .serviceItem-info {
	padding: 0 5px;
	position: relative;
}

.comp-body-serviceItem .style-big ul li .serviceItem-info .serviceItem-price {
	color: #ff6100;
	font-size: 12px;
}

.comp-body-serviceItem .style-big ul li .serviceItem-info .serviceItem-del {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
	display: none;
}

.comp-body-serviceItem .style-big ul li .serviceItem-info .serviceItem-sale {
	color: #999;
	/*margin-left: 10px;
  font-size: 12px;
  position:absolute;
  right:0;
  top: 2px;*/
}

.comp-body-serviceItem .style-big ul li .serviceItem-info .serviceItem-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-serviceItem .serviceItem-list.style-big>ul>li .serviceItem-inner>a {
	display: block;
}

.comp-body-serviceItem .serviceItem-list.style-big>ul>li .serviceItem-inner>a>.serviceItem-img img {
	width: 100%;
}

.comp-body-serviceItem .serviceItem-list.style-small ul {
	padding-right: 8px;
	margin-bottom: 0;
}

.comp-body-serviceItem .serviceItem-list.style-small ul li {
	box-sizing: border-box;
	width: 50%;
	float: left;
	/*padding: 0 0 8px 8px;*/
}

.comp-body-serviceItem .serviceItem-list.style-small .serviceItem-img {
	display: inline-block;
	width: 100%;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	/* height: 100%;*/
}

.comp-body-serviceItem .serviceItem-list.style-small ul li .serviceItem-inner {
	border: 1px solid #e5e5e5;
	margin: 0 0 8px 8px;
	height: 210px;
	overflow: hidden;
	background: #fff;
}

.comp-body-serviceItem .serviceItem-list.style-small ul li .serviceItem-inner a {
	display: block;
}

.comp-body-serviceItem .style-small ul li img {
	display: block;
	width: 100%;
	height: auto;
}

.comp-body-serviceItem .style-small ul li .serviceItem-title {
	font-size: 12px;
	padding: 0 5px;
	height: 20px;
	line-height: 16px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	/*  margin: 6px 0;*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-serviceItem .style-small ul li .serviceItem-info {
	/*  height: 20px;*/
	box-sizing: content-box;
	/*border-top: 1px #ddd dotted;
  padding: 5px 0 5px 5px;*/
	padding: 0 0 5px 5px;
	position: relative;
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-price {
	/*  font-weight: 700;*/
	color: #ff6100;
	font-size: 12px;
	/*  line-height: 21px;*/
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-del,
.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-sale {
	color: #999;
	margin-left: 10px;
	font-size: 10px;
	line-height: 21px;
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .label-waring {
	display: none;
}

.comp-body-serviceItem .serviceItem-list.style-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.comp-body-serviceItem .serviceItem-list.style-list ul {
	padding-left: 8px;
	background: #fff;
	margin-bottom: 0;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li {
	box-sizing: border-box;
	padding-top: 8px;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li:last-child .serviceItem-inner {
	border-bottom: none;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li .serviceItem-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li .serviceItem-img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
	position: relative;
	/*background:#c8c8c8;*/
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li .serviceItem-img img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
	line-height: 80px;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li .serviceItem-title {
	font-size: 12px;
	max-height: 40px;
	line-height: 13px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-serviceItem .serviceItem-list.style-list ul li .serviceItem-info {
	bottom: 8px;
	/*position: absolute;
  right: 0;
  left: 98px;
  line-height: 24px;*/
	display: -webkit-box;
}

.comp-body-serviceItem .style-list ul li .serviceItem-info .serviceItem-price {
	color: #ff6100;
	font-size: 12px;
}

.comp-body-serviceItem .style-list ul li .serviceItem-info .serviceItem-del,
.comp-body-serviceItem .style-list ul li .serviceItem-info .serviceItem-sale {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
}

.comp-body-serviceItem .style-list ul li .serviceItem-info .serviceItem-sale {
	position: absolute;
	bottom: 3px;
	margin-left: 0;
}

.comp-body-serviceItem .style-list ul li .serviceItem-info .serviceItem-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-serviceItem .choose_goods {
	font-size: 12px;
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-sale {
	display: block;
}

.style-small ul li .label-waring {
	display: none
}

.comp-body-serviceItem .style-small ul li .serviceItem-info .serviceItem-sale {
	margin-left: 0;
}

.style-small ul li .serviceItem-discount {
	display: block;
}

.style-big ul li .serviceItem-level1 {
	display: block;
}

.style-list .label-waring {
	height: 18px;
	overflow: hidden;
}

..style-list .serviceItem-info {
	position: relative;
}

.style-list .serviceItem-discount {
	display: inline-block;
	width: 100%;
}

.style-list .serviceItem-level1 {
	position: absolute;
	right: 10px;
	top: 41px;
}

.comp-body-serviceItem .serviceItem-list ul li .serviceItem-info .serviceItem-price {
	font-size: 16px;
}

.layui-layer-page .layui-layer-content {
	overflow-x: hidden;
}


/*����panel ����*/


/*����panel ��ʼ*/

.comp-body-tie .label-waring {
	background-color: #fd6801;
	color: #fff;
	font-size: 12px;
	line-height: 14px;
	padding: 1px 5px;
	display: inline-block;
}

.comp-body-tie .tie-list {
	background: transparent;
	/*margin-bottom: 8px;*/
	/*border-bottom: 1px solid #eee;*/
}

.comp-body-tie .tie-list h3 {
	/*border-bottom: 1px solid #eee;*/
	height: 28px;
	line-height: 28px;
	font-size: 12px;
	overflow: hidden;
	padding: 0 10px 0 0;
	margin-bottom: 0;
	margin-top: 0;
}

.comp-body-tie .tie-list h3 a {
	/* border-left: 4px solid #f60;*/
	padding-left: 10px;
	display: block;
	color: #999;
	background-size: 4px 8px;
}

.comp-body-tie .tie-list h3 a h4 {
	font-size: 12px;
	float: left;
	line-height: 28px;
	margin-top: 0;
	margin-bottom: 0;
	width: 86%;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.comp-body-tie .tie-list h3 a span {
	float: right;
	font-weight: normal;
	font-size: 10px;
	line-height: 28px;
	color: #999;
}

.comp-body-tie .style-big ul li {
	padding: 8px 8px 0;
}

.comp-body-tie .style-big ul li .tie-inner {
	/*  border-bottom: 1px solid #eee;*/
	padding: 0 0 8px 0;
	position: relative;
}


/*.comp-body-goods .goods-list ul li:last-child .goods-inner {
  border-bottom: 0;
}*/

.comp-body-tie .style-big ul li .tie-title {
	font-size: 12px;
	color: #333;
	line-height: 15px;
	padding: 2px 5px;
	max-height: 37px;
	overflow: hidden;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.comp-body-tie .style-big ul li .tie-info {
	padding: 0 5px;
	position: relative;
}

.comp-body-tie .style-big ul li .tie-info .tie-browse-num {
	color: #999;
	font-size: 12px;
	float: right;
}

.comp-body-tie .style-big ul li .tie-info .tie-del {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
	display: none;
}

.comp-body-tie .style-big ul li .tie-info .tie-sale {
	color: #999;
	/*margin-left: 10px;
  font-size: 12px;
  position:absolute;
  right:0;
  top: 2px;*/
}

.comp-body-tie .style-big ul li .tie-info .tie-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tie .tie-list.style-big>ul>li .tie-inner>a {
	display: block;
}

.comp-body-tie .tie-list.style-big>ul>li .tie-inner>a>.tie-img img {
	width: 100%;
}

.comp-body-tie .tie-list.style-small ul {
	padding-right: 8px;
	margin-bottom: 0;
}

.comp-body-tie .tie-list.style-small ul li {
	box-sizing: border-box;
	width: 50%;
	float: left;
	/*padding: 0 0 8px 8px;*/
}

.comp-body-tie .tie-list.style-small .tie-img {
	display: inline-block;
	width: 100%;
	height: 130px;
	line-height: 130px;
	border: none !important;
	border-bottom: 1px solid #e5e5e5 !important;
	/* height: 100%;*/
}

.comp-body-tie .tie-list.style-small ul li .tie-inner {
	border: 1px solid #e5e5e5;
	margin: 0 0 8px 8px;
	height: 210px;
	overflow: hidden;
	background: #fff;
}

.comp-body-tie .tie-list.style-small ul li .tie-inner a {
	display: block;
}

.comp-body-tie .style-small ul li img {
	display: block;
	width: 100%;
	height: auto;
}

.comp-body-tie .style-small ul li .tie-title {
	font-size: 12px;
	padding: 0 5px;
	line-height: 16px;
	max-height: 32px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	/*  margin: 6px 0;*/
	display: -webkit-box;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
}

.comp-body-tie .style-small ul li .tie-info {
	/*  height: 20px;*/
	box-sizing: content-box;
	/*border-top: 1px #ddd dotted;
  padding: 5px 0 5px 5px;*/
	padding: 0 0 5px 5px;
	position: relative;
}

.comp-body-tie .style-small ul li .tie-info .tie-browse-num {
	/*  font-weight: 700;*/
	color: #999;
	font-size: 12px;
	/*  line-height: 21px;*/
	float: right;
	margin-right: 5px;
}

.comp-body-tie .style-small ul li .tie-info .tie-sale {
	color: #666;
	margin-left: 10px;
	font-size: 11px;
	padding: 1px;
	line-height: 21px;
	background: #dedede;
	border: 1px solid #dedede;
	-moz-border-radius: 3px;
	/* Gecko browsers */
	-webkit-border-radius: 3px;
	/* Webkit browsers */
	border-radius: 3px;
	/* W3C syntax */
}

.comp-body-tie .style-small ul li .tie-info .tie-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tie .style-small ul li .tie-info .label-waring {
	display: none;
}

.comp-body-tie .tie-list.style-list {
	border-bottom: 1px solid #eee;
	border-top: 1px solid #eee;
}

.comp-body-tie .tie-list.style-list ul {
	padding-left: 8px;
	background: #fff;
	margin-bottom: 0;
}

.comp-body-tie .tie-list.style-list ul li {
	box-sizing: border-box;
	padding-top: 8px;
}

.comp-body-tie .tie-list.style-list ul li:last-child .tie-inner {
	border-bottom: none;
}

.comp-body-tie .tie-list.style-list ul li .tie-inner {
	border-bottom: 1px solid #eee;
	padding-bottom: 8px;
	overflow: hidden;
	position: relative;
}

.comp-body-tie .tie-list.style-list ul li .tie-img {
	height: 80px;
	width: 80px;
	float: left;
	margin-right: 10px;
	position: relative;
	/*background:#c8c8c8;*/
	line-height: 80px;
	text-align: center;
	color: #fff;
}

.comp-body-tie .tie-list.style-list ul li .tie-img img {
	width: 100%;
	height: auto;
	vertical-align: baseline;
	line-height: 80px;
}

.comp-body-tie .tie-list.style-list ul li .tie-hot {
	background: url(../images/arrow_bt_new.png) no-repeat;
	position: absolute;
	font-size: 12px;
	top: 5px;
	left: 5px;
	z-index: 120;
}

.comp-body-tie .tie-list.style-list ul li .tie-title {
	font-size: 12px;
	max-height: 48px;
	line-height: 16px;
	overflow: hidden;
	color: #333;
	word-break: break-all;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	-webkit-box-orient: vertical;
}

.comp-body-tie .tie-list.style-list ul li .tie-info {
	bottom: 8px;
	/*position: absolute;
  right: 0;
  left: 98px;
  line-height: 24px;*/
	display: -webkit-box;
}

.comp-body-tie .style-list ul li .tie-info .tie-browse-num {
	color: #999;
	font-size: 12px;
	float: right;
	margin-right: 5px;
}

.comp-body-tie .style-list ul li .tie-info .tie-sale {
	color: #999;
	margin-left: 10px;
	font-size: 12px;
}

.comp-body-tie .style-list ul li .tie-info .tie-sale {
	position: absolute;
	bottom: 3px;
	margin-left: 0;
}

.comp-body-tie .style-list ul li .tie-info .tie-level1 {
	color: #333;
	font-size: 12px;
}

.comp-body-tie .choose_goods {
	font-size: 12px;
}

.style-small ul li .label-waring {
	display: none
}

.comp-body-tie .style-small ul li .tie-info .tie-sale {
	margin-left: 0;
}

.style-small ul li .tie-discount {
	display: block;
}

.style-big ul li .tie-level1 {
	display: block;
}

.style-list .label-waring {
	height: 18px;
	overflow: hidden;
}

..style-list .tie-info {
	position: relative;
}

.style-list .tie-discount {
	display: inline-block;
	width: 100%;
}

.style-list .tie-level1 {
	position: absolute;
	right: 10px;
	top: 41px;
}

.comp-body-tie .tie-list ul li .tie-info .tie-browse-num {
	font-size: 12px;
	position: absolute;
	bottom: 3px;
	right: 5px;
}

.layui-layer-page .layui-layer-content {
	overflow-x: hidden;
}


/*����panel ����*/


/*�����б�panel (��)��ʼ*/


/*�����б�  һ��*/

.comp-body-serviceItem .serviceItem_list ul li {
	width: 9.69rem;
	height: 2.34rem;
	overflow: hidden;
	padding: 0.31rem 0 0.31rem 0;
	position: relative;
	border-bottom: 1px solid #e2e2e2;
	margin-left: 0.31rem;
	background: #FFF;
}

.comp-body-serviceItem .serviceItem_list ul li p {
	float: left;
	width: 3.85rem;
}

.comp-body-serviceItem .serviceItem_list ul li .shoppic {
	width: 2.34rem;
	height: 2.34rem;
	margin-right: 0.31rem;
	float: left;
}

.comp-body-serviceItem .serviceItem_list ul li .name {
	height: 0.6rem;
	line-height: 0.6rem;
	color: #333;
	font-size: 0.44rem;
	white-space: nowrap;
}

.comp-body-serviceItem .serviceItem_list ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-serviceItem .serviceItem_list ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-serviceItem .serviceItem_list ul li .selled {
	font-size: 0.38rem;
	color: #666;
	margin-top: 0.5rem;
}

.comp-body-serviceItem .serviceItem_list ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.31rem;
	bottom: 0.31rem;
}

.comp-body-serviceItem .serviceItem_list ul li:last-child {
	border-bottom: none;
}


/*�����б�  ����*/

.comp-body-serviceItem .serviceItem_small {
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
	zoom: 1;
}

.comp-body-serviceItem .serviceItem_small:after {
	content: "";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.comp-body-serviceItem .serviceItem_small {
	padding: 0.23rem 0.14rem;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	background: #FFF;
}

.comp-body-serviceItem .serviceItem_small ul li {
	width: 4.69rem;
	height: 6.7rem;
	float: left;
	overflow: hidden;
	position: relative;
}

.comp-body-serviceItem .serviceItem_small ul li .shoppic {
	width: 4.69rem;
	height: 4.69rem;
}

.comp-body-serviceItem .serviceItem_small ul li .name {
	height: 0.78rem;
	line-height: 0.78rem;
	color: #333;
	font-size: 0.44rem;
}

.comp-body-serviceItem .serviceItem_small ul li .nowprice {
	color: #ff6600;
	font-size: 0.44rem;
}

.comp-body-serviceItem .serviceItem_small ul li .beforeprice {
	color: #999;
	font-size: 0.31rem;
	text-decoration: line-through;
}

.comp-body-serviceItem .serviceItem_small ul li .selled {
	font-size: 0.38rem;
	color: #666;
}

.comp-body-serviceItem .serviceItem_small ul li .num {
	width: 0.78rem;
	height: 0.78rem;
	background: url(../images/num.png) no-repeat;
	background-size: 0.78rem auto;
	display: block;
	position: absolute;
	right: 0.2rem;
	bottom: 0.2rem
}

.comp-body-serviceItem .serviceItem_small ul li:nth-child(even) {
	margin-left: 0.302rem;
}


/*�����б�panel (��)����*/

.control-group span,
.sw_imgbtn span,
.comp-text,
.comp-text p {
	font-size: 12px;
}

.edit-inner .trumbowyg-box {
	width: 100%;
	margin-top: 30px;
}

.STH_shop-banner_edit .right span {
	font-size: 12px;
}